Stephan Ronald: Variable an Script übermittel

SELF-Forum

Variable an Script übermittel

Stephan Ronald
– Informationen zu den Bewertungsregeln

Hallo,

ich möchte euch zuerst einmal kurz darstellen, wo mein "Problem" liegt. Ich habe mehrere Tabellen auf einer Website und möchte, dass jede dieser Tabellen bei Berührung mit dem Cursor (onMouseover) unterschiedlich eingefärbt werden; dazu soll jeder Tabelle eine eigene ID und der jeweiligen Farbwert, der bei Berührung angezeigt werden soll, zugewiesen werden. Bis jetzt sieht das bei mir so aus:

<script type="text/javascript">
function Einfaerben (farbe) {
 document.getElementById(Variable).style.backgroundColor = farbe;
}
</script>

<table id=1 onMouseover="javascript:Einfaerben ('red');">
 <tr>
  <td></td>
 </tr>
</table>

<table id=2 onMouseover="javascript:Einfaerben ('yellow');">
 <tr>
  <td></td>
 </tr>
</table>

usw.

Was muss ich verändern, damit das so funktioniert, wie ich das geplant habe. Ich habe natürlich die Selfhtml-Einträge alle durchgelesen, doch brachte mich das auch nicht auf die richtige Lösung, wie ich die ID der Tabelle als Variable an das JavaScript übermitteln soll.

Danke im Voraus!

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Variable an Script übermittel

    Skeeve
    – Informationen zu den Bewertungsregeln

    Moin!

    Du brauchst keine ID:

    <html>  
 <head>  
  <title></title>  
<script type="text/javascript">

      
function Einfaerben (table,farbe) {  
 table.style.backgroundColor = farbe;  
}  


    </script>  
  
</head>  
 <body>  
  <table id=1 onMouseover="javascript:Einfaerben (this,'red');">  
 <tr>  
  <td>fdgsdfgsdfg</td>  
 </tr>  
</table>  
  
<table id=2 onMouseover="javascript:Einfaerben (this,'yellow');">  
 <tr>  
  <td>sdfgsdfgsdg</td>  
 </tr>  
</table>  
 </body>  
</html>

    -- Skeeve

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Variable an Script übermittel

      Struppi Homepage des Autors
      +1 Informationen zu den Bewertungsregeln

      <table id=1 onMouseover="javascript:Einfaerben (this,'red');">
      <table id=2 onMouseover="javascript:Einfaerben (this,'yellow');">

      und die unötigen Labels können auch noch weg und die ungültigen IDs auch

      <table onmouseover="Einfaerben(this,'red');">
      <table onmouseover="Einfaerben(this,'yellow');">

      Struppi.

      --
      Javascript ist toll (Perl auch!)
      Beitrag melden
      +1
      Informationen zu den Bewertungsregeln