CSS mouseover help...newbie

craazycanuck · Apr 28, 2001

Could someone please shed some light on what I am missing to allow this mouseover to function
Thank you in advance

<style type="text/css">
.oneclass { width:40; height:15; background-color:yellow; color:red;}
.anotherclass {width:40; height:15; background-color:red; color:yellow;} </style>
<span id=thisspan class=oneclass onmouseover=somefunction()>button
<script>
somefunction(){
document.all.thisspan.className = anotherclass;
}
</script>

Arion23 · Apr 29, 2001

Not sure if this will work or not, but try putting the <script> code between the <head></head> tags....

jaredn · Apr 30, 2001

You need quotes:

document.all.thisspan.className = "anotherclass";

also, to make you're life easier, consider:

somefunction(obj){
obj.className = "anotherclass";
}

<span id="thisspan" onmouseover="somefunction(this)" class="oneclass">

that way you can take advantage of the this keyword (which referes to the calling object in a particular context of execution, in this case: thisspan) and be able to apply the event handler easily to other elements as well. jared@eae.net -

http://webfx.eae.net

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

CSS mouseover help...newbie

craazycanuck

Technical User

Arion23

IS-IT--Management

jaredn

Programmer

Similar threads

Part and Inventory Search

Sponsor