/    Sign up×
Community /Pin to ProfileBookmark

Can’t you do Mouseovers in HTML ?

I know i asked about this in the General fourm but i was wonder can’t you do mouseovers , onpress & onmouseout in html like <a href=”” onmouseover=”image1.png”>Hi My Name Is Kaisa</a> etc. ?

to post a comment
HTML

12 Comments(s)

Copy linkTweet thisAlerts:
@StefanDec 10.2002 — [i]Originally posted by Kaisa [/i]

[B]I know i asked about this in the General fourm but i was wonder can't you do mouseovers , onpress & onmouseout in html like <a href="" onmouseover="image1.png">Hi My Name Is Kaisa</a> etc. ? [/B][/QUOTE]


No, onmouseover etc is a way to link to/incorporate scripting.

The closes to creating dynamic effects with "html" is to use CSS.

Your code however doesn't explain what you want to do (change background image? Popup the image? or something else?)
Copy linkTweet thisAlerts:
@KaisaauthorDec 11.2002 — Well what i want the script to do is when you move your mouse over it , it changes to a different image the same with clicking on the image etc. including the mouseout script and if you know how to add sound that will help too !
Copy linkTweet thisAlerts:
@StefanDec 11.2002 — [i]Originally posted by Kaisa [/i]

[B]Well what i want the script to do is when you move your mouse over it , it changes to a different image the same with clicking on the image etc. including the mouseout script [/B][/QUOTE]


Got a funny deja-vue feeling when I read that.

Already answered this exact question of yours once

http://forums.webdeveloper.com/showthread.php?s=&threadid=518
Copy linkTweet thisAlerts:
@KaisaauthorDec 13.2002 — I know i asked for the same thing in the general fourm and i am sorry if your mad about it but thats how i am and by the way are you the same Stefan that made graalonline ?

( Http://www.GraalOnline.com )
Copy linkTweet thisAlerts:
@DUMD-DOJan 03.2003 — No..HTML is static and doest have much flare. DHTML or DOM are used to develop interactive wepages.

Like <img src="before.gif" hsrc="after.gif">

having fun now!
Copy linkTweet thisAlerts:
@jdaviaJan 05.2003 — I think what you are asking for is a great feat to accomplish for the novice. None of what you desire comes in simple code. Most of all that would be compatible with all Browsers.

I use this example to show how different Browsers handle the same space in a single page. Netscape will have a mouseover sound and a train moving, while Internet Explorer will show my message of what they are missing. Here it is:

http://www.citlink.net/~jdavia/img-sound.html

I have such a menu that you ask for, but wonder if you can adopt it for your needs.
Copy linkTweet thisAlerts:
@pyroJan 05.2003 — [B]jdavia-[/B]

Why not write the code so it is compatible in all major browsers? You aren't doing anything that complex in you example. Simply putting a gif in you page with sound onMouseOver. Certainly not something that has to be limited to Netscape...
Copy linkTweet thisAlerts:
@Zach_ElfersJan 05.2003 — [i]Originally posted by Kaisa [/i]

[B]I know i asked for the same thing in the general fourm and i am sorry if your mad about it but thats how i am and by the way are you the same Stefan that made graalonline ?



( Http://www.GraalOnline.com ) [/B]
[/QUOTE]


I says at the bottom of that site that it was made by a "Linux" person. What are you talking about. (Not Linux the OS, Linux the name).
Copy linkTweet thisAlerts:
@pyroJan 05.2003 — [i]Originally posted by Kaisa[/i]

[B]and by the way are you the same Stefan that made graalonline ?[/B][/QUOTE]
No, I can be quite certain that it is not. They used tables for layout... Right Stefan?? ?
Copy linkTweet thisAlerts:
@cyberclownhatJan 06.2003 — Mouseover code works just fine in HTML. Go to this link to view some of my code that uses mouseover to supersize images.

www.geocities.com/ccbebs/TablemakerTesting

Pay careful attention to the use of single and double quotes between the <>. Additional mouseover actions, such as sound, can be inserted between the double quotes by using the ; and ' to separate them.
Copy linkTweet thisAlerts:
@warbishopJan 06.2003 — here is a simple mouseover.......


<HTML>

<HEAD>

<TITLE>Simple Mouseover</TITLE>

</HEAD>

<BODY>

<A HREF="jsmouse1.html"

onMouseover="mypicture.src='mouseovr.gif'"

onMouseout="mypicture.src='mouseout.gif'">

<IMG SRC="mouseout.gif"

WIDTH=157

HEIGHT=39

BORDER=0

NAME="mypicture">

</A>

</BODY>

</HTML>



Note: Put the file here: <IMG SRC="*******.gif", that you want to be on the page when it initially loads. then put the pics you want to change with the mouse over in the

'*
**
******' spots. you may want to make the load pic the same as the mouseout.gif, and then put a different one for the mouseover or visa versa.


this works fine.

war?
Copy linkTweet thisAlerts:
@StefanJan 07.2003 — [i]Originally posted by pyro [/i]

[B]No, I can be quite certain that it is not. They used tables for layout... Right Stefan?? ? [/B][/QUOTE]


Indeed ?
×

Success!

Help @Kaisa 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.20,
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,
)...