✔ Zeilenhighlight nur einmal in <table> definieren

[NTDY]

Ich suche nach einem Script in dem man nur einmal im Tabellenkopf, <table onmouseover="change()" onmouseout="back()">, definieren muss, dass die komplette Zeile in dieser Tabelle ge-highlightet/hervorgehoben werden soll.

Wenn überhaupt sowas möglich ist (und nicht nur beim Internet Explorer), dann würde ich mich über eine Lösung sehr freuen.

Liebe Grüße

 

[Sven Mintel]

Naja.... ist hier zwar keine Scriptsuchmaschine, da sowas aber öfter mal angefragt wird:

<script type="text/javascript">
<!--
function highlight(t,n)
{
  this.name     = n;
  this.table    = t;
  this.buffer   = false;
  t.onmouseover = '';
  t.onmouseout  = new Function('fx',this.name+'.high(this)');
  
  for(r = 0; r < this.table.rows.length; ++r)
    {
      this.table.rows[r].onmouseover 
        = new Function('fx',this.name+'.high(this)');
    }
    
  this.high = function(r)
    {
      if(this.buffer && this.buffer[0] != r)
        {
          this.buffer[0].className = this.buffer[1];
        }
      if(r == this.table)
        {
          buffer = false;
          return;
        }
      this.buffer = [r, String(r.className)];
      r.className = this.name+'_high';
    }
}

//-->
</script>

<table onmouseover="bla = new highlight(this,'bla')">

Zu dem Objekt, welches da erstellt wird:

bla = new highlight(this,'bla')

..."bla" ist der Name, unter dem es angesprochen wird.... du kannst das mit beliebig vielen Tabellen machen, musst dort statt "bla" nur etwas anderes notieren.

Beim hovern wird der Klassenname der <tr> geändert.... bei bla bspw. in bla_high...müsstest also eine solche Klasse definieren.
Beim onmouseout wird der ursprüngliche Klassenname, falls vorhanden, wieder hergestellt.
Das wars schon.

 

[Maik]

Naja.... ist hier zwar keine Scriptsuchmaschine, da sowas aber öfter mal angefragt wird ...

Hallo Sven,

kannst ja eine Kopie des 'Tutors' in die Webmaster-FAQ packen

 

[Sven Mintel]

Gute Idee

Mach ich gleich.... muss jetzt aber erstmal frühstücken :suspekt:

 

[Maik]

Gute Idee

Mach ich gleich.... muss jetzt aber erstmal frühstücken :suspekt:

*lol* um diese Uhrzeit, oder sitzt du am andere Ende der Welt -> Zeitverschiebung?

 

[Sven Mintel]

Mein Kühlschrank war leer und ich bin eben erst zum Shoppen gekommen.
Abgesehen davon ist hier so ein K***-Wetter, dass man nie so richtig wissen kann, wie spät es ist

 

[NTDY]

Leider bin ich kein Javascript Experte, nicht einmal ein Amateur. Ich hoffe, dass andere User diesen Code benutzen können, ich leider nicht :-(

Vielen Dank dennoch für die Mühe.

 

[Sven Mintel]

Um den Code zu benutzen, musst du keine JS-Experte sein...es reichen durchschnittliche Copy&Paste-Kenntnisse aus.