javascript hover link description

[alecks]

I know some basic javascript, but I'm pretty much a newbie to it. What I want to do I think is pretty simple, but I cannot find any guidance on it. Please help

 

I have a couple of links like <a href="" id="about">about</a> and a header <h1 id="description">description</h1>. When the links are hovered over, I want to change 'description' to be a description of the link. I can do this with onMouseOver, but that is not xhtml valid and I would like it to be, if possible. How do I do this?

 

Thanks

[phpQuestioner]

 

I think that the onmouseover event is going to be about the only way your going to be able to do this.

[nogray]

you can try to add it the event from a script

 

<script type="text/javascript">
document.getElementById('about').onmouseover = function(){
     document.getElementById('description').innerHTML = "whatever";
};
</script>

[alecks]

HA turns out it is valid xhtml, it just cannot be camel case! xD

[alecks]

you can try to add it the event from a script

 

<script type="text/javascript">
document.getElementById('about').onmouseover = function(){
     document.getElementById('description').innerHTML = "whatever";
};
</script>

 

hmm this doesnt seem to work :/

[nogray]

make sure you call teh JS after the page has loaded (onload event)

[The Little Guy]

XHTML can NOT have any uppercase attributes or tags, only values and everything MUST have a closing tag or be self closed:

<br />

 

and all attributes MUST have a value so that means no more <option selected> it would be <option selected="selected">

 

Little off topic sorry...

[alecks]

make sure you call teh JS after the page has loaded (onload event)

 

how, exactly? thanks

[The Little Guy]

</body>
<script type="text/javascript">
    myFunction();
</script>

[phpQuestioner_v5.0]

</body>
<script type="text/javascript">
    myFunction();
</script>

 

You'll probably need to call an onload event with that function; to make sure it triggers without any errors.