Adding custom javascript in Oblect Properties > Events

[Aris]

Hello.

Having an animated gif image (with 5 loopings) I wish to have a user of webpage thw ability to repeat the the animation.

I tried to add in Image > Events the following:
Event: onclick
Action: javascript
Target: history.go(0); This is what I added by hand.

The webpage is reloading and the image proceeds to an new repetion.

Tell me, please, is there something wrong here? I am asking because I added the code by hand.

Thank you.

[Pablo]

Isn't the GIF animation automatically repeated?

[Aris]

The GIF is repeated automatically only 5 times (it is my choice). But since the image (showing the effect of the mistral wind) has dimensions on the website of 1000X600 pixels, I chose to repeat it only 5 times. If the user wishes to see the wind movement again, he can refresh the webpage to see again the animation.

Of course, I would like just refresh the layoutgrid of the image and not the whole webpage, but I ran into a lot of trouble.

Do you think the history.go(0); option --the way I incorporated it-- will cause problems?

Thank you.

[Pablo]

If it works for you then I think it's ok.

[crispy68]

@aris,

Is this what you are after?
DEMO

[Aris]

It's the solution I was looking for!

Thank you.

may I use it?

[wwonderfull]

It's the solution I was looking for!

Thank you.

may I use it?

Although it is a demo but you can do the same thing in your project. It was given to use. So Yes, you can can use it without a doubt.

[crispy68]

@Aris,

Yes! you can use it. Just wanted to make sure it was what you were looking for.

Give me a little bit and I will provide the steps here and share how to do it.

[crispy68]

Here are the steps:

1. Open up your button (in my demo I'm using a themeable button with button type set to "link button"), go to the link tab and enter the following in the URL:

Code: Select all

javascript:restart('Image1','images/NameOfGif.gif');

You will need to replace "Image1" with the ID of your gif image and replace "images/NameOfGif.gif" with the url path and gif name. If all of your images are placed into the default images folder then you only need to change the name of your gif in the above code.

2. Open up an html object, set Type = Before </body> and enter the following:

Code: Select all

<script type="text/javascript">function restart(id,url){var img=document.getElementById(id);img.src="";img.src=url;}</script>

[Aris]

Thank you, crispy68.

Your assistance is valuable!!!

[windsurfer]

How would i call a custom javascript in the event ?

[crispy68]

Choose javascript as the action and enter the code.