✔ Problem mit einem Javascript

L

lordfritte

Erfahrenes Mitglied
Hallo ich hab folgendes javascript:
Code: 
<html>
<head>
  <script type="text/javascript">
    function on(x){
 	  document.getElementById(x).style.backgroundColor="#FFFF00";
    }
    function off(x){
 	  document.getElementById(x).style.backgroundColor="transparent";
    }
  </script>
</head>
<body text="#FFFFFF" bgcolor="#000000" >

  <table border="1">
    <tr>
      <td id="1" onMouseOver="on('1');" onMouseOut="off('1');">
        Test1
      </td>
      <td id="1" onMouseOver="on('1');" onMouseOut="off('1');">
        Test2
      </td>
    </tr>
  </table>

</body>
</html>

dieses Script färbt den Hintergrund einer Tabelle ein, aber ich habe 2 Probleme damit 1. wie wende ich das auf einen Text an? ich möchte das nur der Text gefärbt wird und nicht ein Hintergrund. Das 2 Problem ist das es nicht richtig funktioniert, wenn ich mit der Maus über Test1 gehe färbt er Test1 ein aber nicht Test2, wenn ich mit der Maus über Test2 gehe färbt er ebenfalls Test1 ein aber nicht Test2, ich möchte aber das er immer alle Texte mit der selben ID einfärbt.
 
ich habs hinbekommen:
Code: 
<html>
<head>
  <script type="text/javascript">
    function on(x){
 	  document.getElementById(x).style.color="#FFFF00";
    }
    function off(x){
 	  document.getElementById(x).style.color="transparent";
    }
  </script>
</head>
<body text="#FFFFFF" bgcolor="#000000" >

  <font id="1" onMouseOver="on('1'); on('2');" onMouseOut="off('1'); off('2');">Test1</font>
  <br><br><br>
  <font id="2" onMouseOver="on('1'); on('2');" onMouseOut="off('1'); off('2');">Test2</font>

</body>
</html>
 
Auch wenn dus hinbekommen hast, hör bitte noch auf den zweiten punkt von Gumbo... Sonnst mag es sein, dass es irgendwo vielleicht nicht funktioniert.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück