---

Jeg arbejder på et menusystem, for følgende kommer lidt for tit:

<div class="menumainitem" onMouseOver="menuOnMouseOver();"
onMouseOut="menuOnMouseOut()">Menu Item 1</div>
<div class="menumainitem" onMouseOver="menuOnMouseOver();"
onMouseOut="menuOnMouseOut()">Menu Item 2</div>
<div class="menumainitem" onMouseOver="menuOnMouseOver();"
onMouseOut="menuOnMouseOut()">Menu Item 3</div>
<div class="menumainitem" onMouseOver="menuOnMouseOver();"
onMouseOut="menuOnMouseOut()">Menu Item 4</div>
<div class="menumainitem" onMouseOver="menuOnMouseOver();"
onMouseOut="menuOnMouseOut()">Menu Item 5</div>

(håber ikke det ser FOR kikset ud med linjedeling...)

Når nu alle i den "class" har den samme onMouseOver og onMouseOut (og
potentiel også onClick), er der så en måde at gøre det kortere end
ovenstående? Ud over kortere funktionsnavne...


Mvh.

Niels Andersen

---

Sun, 21 Jan 2001 14:22:11 +0100, udtrykte "Niels Andersen"
<niels-usenet@myplace.dk> Følgende:

>Når nu alle i den "class" har den samme onMouseOver og onMouseOut (og
>potentiel også onClick), er der så en måde at gøre det kortere end
>ovenstående? Ud over kortere funktionsnavne...

Jeg har ikke lige noget forslag til event-handlerne, men class'en kan du
lave på en anden måde:

<span class="menumainitem">
...din_kode_uden_class_kommer_her..
</span>

og i din css retter du så
..menumainitem {

til

..menumainitem div {

som betyder div i et element med klassen menumainitem.
Så slipper du for at gentage en af attributterne.

--
mvh Andreas Kleist Svendsen
a_svendsen@hotmail.com
http://whitehat.dk/nautilus/