Top

JavaScript Basic HoverOver


Javascript Code
+ 0 likes
Please Register to submit score.
Average Score  6.3
Scores Submitted  4
Date Added  Jun 19, 2008
Last Updated  Jun 19, 2008
Tags  codes  furby  hawkee  hover  javascript  mouse  onmouseover  over  xstatic  xstatic codes 
  Bookmark and Share

Introduction

pretty straight forward. Get the code, save it in a filename.html then run it. Hover over one of the sites named above the horizontal line to get further information below.

This is just to help some people learn JavaScript don't really care what the rating is just there to help people :)

Grab the Code

Comments

  (9)  RSS
jonesy44
Comments: 933
 
Javascript Snippet:  JavaScript Basic HoverOver
Posted on Jun 19, 2008 3:14 pm
Nice work, Furby.
I may use this sometime!

7/10
F*U*R*B*Y*
Comments: 552
 
Javascript Snippet:  JavaScript Basic HoverOver
Posted on Jun 19, 2008 10:57 pm
Thank you,

I started learning JavaScripting about 4 or 5 weeks ago, and decided to finally post something on JavaScript ;)

Thanks for the score, i don\'t really care about the score for this as i\'m posting this to help other people.

Furby
Hawkee
Comments: 486
 
Javascript Snippet:  JavaScript Basic HoverOver
Posted on Jun 20, 2008 3:32 pm
Definitely important to learn getElementById and innerHTML so for that this is a useful snippet.
F*U*R*B*Y*
Comments: 552
 
Javascript Snippet:  JavaScript Basic HoverOver
Posted on Jun 21, 2008 1:14 am
Yup, alot of people don\'t really know how to use innerHTML, i must admit, i didn\'t for a few weeks :P
F*U*R*B*Y*
Comments: 552
 
Javascript Snippet:  JavaScript Basic HoverOver
Posted on Jun 22, 2008 6:22 am
It doesn\'t really bother me, but i\'d at least to find out WHY i got such a low score....

Can you give me a reason or is it just because you can???
Hawkee
Comments: 486
 
Javascript Snippet:  JavaScript Basic HoverOver
Posted on Jun 22, 2008 2:07 pm
Looks like your score is pretty high for such a simple snippet.
vaseline28
Comments: 134
 
Javascript Snippet:  JavaScript Basic HoverOver
Posted on Jun 22, 2008 2:30 pm
Averages \"Neat\". Personally, I know only the tiniest bit of Javascript, so a respectable effort with the script, well done!
jonesy44
Comments: 933
 
Javascript Snippet:  JavaScript Basic HoverOver
Posted on Jun 22, 2008 5:39 pm
Surely the complexity of the snippet should not be used. For instance, if a user uses $regex instead of isin/iswm .. They should not be rated down for it. Aslong as it works. I found this snippet pretty dam helpful for my website, so i rated 7 :]
vaseline28
Comments: 134
 
Javascript Snippet:  JavaScript Basic HoverOver
Posted on Jul 1, 2008 1:43 pm
I found it useful also. I adapted it for my own needs however!
Changed <Span> slightly:
Quote:
<span onmouseover=\'JavaScript:a(\"Hawkee\")\' onmouseout=\'Javascript:a(\"Null\")\' >Hawkee.com</span>

and added this to the end of the Javascript cases(before two final \'} }\' ):
Quote:
case \"Null\":
document.getElementById(\"data\").innerHTML = \"\";
break;

This means that when the mouse no longer hovers over, the text vanishes!

Please Register or Login to start posting comments.
Bottom