/    Sign up×
Community /Pin to ProfileBookmark

Problem with pop-up fighting the GIF animations

Copy linkTweet thisAlerts:
May 18.2005

Hello,
I have a problem with a page with a number of buttons which are gif-animations. Each button are linked with a “javascript:pop” command so that a pop-up window opens. The problem is that when you´ve clicked this linked button and the pop-up opens, all the animated buttons in the original page stops to work, and doesn´t start to work again until you refresh the page or move the cursor over one of them.
[COLOR=DarkRed]Is this a common problem between animations & pop-ups? [/COLOR]
You could have a look at the page at:

[URL=http://www.ilja.se/magasin3/magasin3.htm]http://www.ilja.se/magasin3/magasin3.htm[/URL]

I would be everly thankful if anyone of you could give me an answer to this phenomenon.

Thanks/Ilja

to post a comment
JavaScript

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@UltimaterMay 18.2005 — Try adding the following events to your [b]A[/b] tag:
<i>
</i>onMouseUp="turnOff('image3');turnOff('image103');"
onMouseClick="turnOff('image3');turnOff('image103');"

They should do the exact same thing as the onmouseout event.

I doubt that you will need both events so you should pick either to use both of them or one of them.
Copy linkTweet thisAlerts:
@JamesOneauthorMay 19.2005 — I didn´t get this to work!
Copy linkTweet thisAlerts:
@UltimaterMay 19.2005 — eehh..

I didn't mean [b]onMouseClick[/b] I meant [b]onClick[/b] hehe, my bad, sorry.

Each onclick and onmouseup event should match the onmouseout event [i]exactly[/i].
<i>
</i>onMouseOut="turnOff('image1');turnOff('image101');"
onClick="turnOff('image1');turnOff('image101');"
onMouseUp="turnOff('image1');turnOff('image101');"

For each different case, the onmouseup event should match [i]exactly[/i] the onmoueout event in the [i]same[/i] A tag.
×

Success!

Help @JamesOne spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...