javascript til genbrug af onmouseover/out funktion

der skal selvfølgelig stå:
hver gang og
baggrundsfarven

jeg har lavet det via behaviors på et tidspunkt, som man kan refere til via en CSS klasse, som du kan refere til i din TD. Derved kan man til sidst opnå alt det du ønsker ved at skrive <td class="myClass">

her er indholdet af min HTC fil: hedder også en microsoft script component.
De kan generes vha. en wizard der kan  downloades på deres hjemmeside.

<PUBLIC:COMPONENT>
<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="Hilite()" />
<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="Restore()" />
<PUBLIC:ATTACH EVENT="ondocumentready" ONEVENT="init()" />

<SCRIPT LANGUAGE="JScript">
    var BGColorOld;
    var BGColorOver = "blueviolet";
   
  function Hilite()
  {
      BGColorOld = runtimeStyle.backgroundColor;
      runtimeStyle.backgroundColor = BGColorOver;
  }

  function Restore()
  {
      runtimeStyle.backgroundColor = BGColorOld;
  }

    function init()
    {
        //runtimeStyle.cssText = TopMenuTD;
    } 
 
 
</SCRIPT>
</PUBLIC:COMPONENT>

og min CSS klasse:
.TopMenuTD{behavior:url(..\resources\behaviors\menuControl.htc);text-align:center;background-color:darkslateblue;FONT-WEIGHT: bold; FONT-SIZE: 11px; vertical-align:middle; FONT-FAMILY: Verdana; TEXT-DECORATION: none; color:#ffffff;cursor:hand;}

Så kan du prøve at lege lidt med det:)

<ole>

Nu er den slags behaviors jo IE-only og derfor uegnet til WWW i almindelighed, men dette kan det samme:

<script type="text/JavaScript">
window.onload = function() {
    var aTD = document.getElementsByTagName("TD");
    for (i=0,j=aTD.length; i<j; i++) {
        if (aTD[i].className=="menu") {
            aTD[i].onmouseover = function() {this.style.backgroundColor = "#C5BDB9"};
            aTD[i].onmouseout = function() {this.style.backgroundColor = "#ffffff"};
        }
    }
}
</script>

/mvh
</bole>

PS: Den tildeler event-handlers til alle sidens tabel-celler, der har klassen 'menu'

allright, det kan der være noget om, men det er jo meget lækkert og funker. Dog er dit forslag mere browser kompatibelt

Jamen HTC'ere kan da bruges til en masse spændende ting og har nogle gevaldige fordele. Til netop dette formål får man nu stort set kun 'glæde' af bagdelene ved HTC'en ... ikke fordelene  :)

Den helt store fordel ved en HTC, er at det er et windowed element, indlejret i siden. Det betyder, at dens indhold er komplet isoleret fra resten af siden - og dens HTML-indhold derfor ikke er at finde i dokumentets DOM.
Men det kræver jo, at HTC'en har noget HTML-indhold at vise. Har den ikke det, er det bedre at bruge en almindelig behavior.

Bagdelen (udover, at den kun virker i én browser) er, at den kræver sin egen, separate fil. Lægger man alle sine små funktionaliteter i HTC'er, rammer man forholdsvis hurtigt IE's loft for import af filer - ikke mindst, hvis det er en støøre applikation, man har gang i.

Hej skyggen2000,
ja, uden jeg helt kan gennemskue dit bud på en løsning, fornemmede jeg nok det var noget lidt mere EI specifikt, modsat det lidt mere browser kompatible forslag fra olebole. Faktisk ved jeg ikke helt hvad det er for noget, men jeg vil da lige tjekke det ud ved lejlighed.

Tak for hjælpen

Hej ole,
den er lige øjet.

Tak for hjælpen
Smid et svar og få point

lukker