/    Sign up×
Community /Pin to ProfileBookmark

onmouseout function

Copy linkTweet thisAlerts:
Apr 15.2003

Hi everyone–
Could you please direct your attention to [url]http://insightfulart.com/DanaSmith/[/url]

The page (beyond the splash screen) has frames. The buttons on the left load a page in the central frame when they have onmouseover. Now, here’s what I want to to do:

when the button has onmouseout, should turn back to the white page. Easy enough to do, right?

However, here’s the catch. When the image is CLICKED, the onmouseout function should NOT happen. It should only happen if the image is not clicked.

Obviously this requires a function of sorts, of which I have no clue to do. Can somebody please help me code this?

Thanks,
-Sriram

to post a comment
JavaScript

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@havikApr 15.2003 — Insert this into the link tags:

onMouseOut="window.open('original/preview.html', 'CONTENT')">

Where "original/preview.html" will be your white page

Try that.

Havik
Copy linkTweet thisAlerts:
@insightauthorApr 15.2003 — Hi Havik-

That only solves half the problem... If I do that, then when the person moves their mouse away from the image, it reverts back to white. However, if the user clicks on the graphic, then the onmouseover event should not happen.

Thanks,

-Sriram
Copy linkTweet thisAlerts:
@DrDaMourApr 15.2003 — you'll have to set some type of sentinel eg:

onmouseclick="clicked=1" and onmouseout="if (clicked != 1) { do mouse out event;clicked=0}"
Copy linkTweet thisAlerts:
@insightauthorApr 15.2003 — Hey--

Where do I add those snippets to the page?

Thanks,

-Sriram
Copy linkTweet thisAlerts:
@DrDaMourApr 15.2003 — in the image tag, anything beyond that is really out of the scope of a help forum, and you probably need to learn some programming basics.
Copy linkTweet thisAlerts:
@DrDaMourApr 15.2003 — yeah, it's onclick="click events" not onmouseclick, i always funk that one up
×

Success!

Help @insight 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.17,
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,
)...