Grafik statt Button bei diesem Schript. Buttons mit mouseover, mouseout und onclick

gefunden am 09.07.2008

Habe hier im Forum das unten stehende Script gefunden es erf? voll meine im Kopf befindliche Idee aber leider sind hier diese Formular Buttons vorhanden ich habe aber 3 gif Bilder die ich daf?utzen m?e. Leider wei?ich nicht wie ich das nun ver?ern kann das es mit Bilder klappt. Ich habe also 3 gif Buttons eins mit blauem element welches immer da sein soll dann eins mit gr? welches kommen soll wenn die Maus ? dem Button ist und eins mit rotem element welches aktiv bleibt solange die Seite angezeigt wird. Kann mit jemand von euch helfen das script zu ?ern damit es mit gif bildern arbeitet? Vielen lieben dank im vorraus!!! mfg fump2000 Code: <HTML><Body><Script Language="JavaScript" Type="Text/JavaScript"> var Buttons = document.getElementsByName("Button");        var Active = ""; function CheckButton(Num) {                 if (Active != "" && Active != Num) {                         Buttons[Active].style.backgroundColor = "#FF0000";                 }                 Buttons[Num].style.backgroundColor = "#0000FF";                 Active = Num; } function ChangeColor (Num, Color){         if (Active != Num) {                 switch (Color) {                         case '0':                                 Buttons[Num].style.backgroundColor = "#00FF00";                                 break;                         case '1':                                 Buttons[Num].style.backgroundColor = "#FF0000";                                 break;                 }         } } </Script> <Form Name="Formular"> <Button Name="Button" Type="Button" Value="Button1" style="BackGround-Color: #FF0000; Width: 60px" onMouseOver="ChangeColor('0','0')" onMouseOut="ChangeColor('0','1')" onClick="CheckButton('0')"> Button 1 </Button> <Button Name="Button" Type="Button" Value="Button2" style="BackGround-Color: #FF0000; Width: 60px" onMouseOver="ChangeColor('1','0')" onMouseOut="ChangeColor('1','1')" onClick="CheckButton('1')"> Button 2 </Button> <Button Name="Button" Type="Button" Value="Button3" style="BackGround-Color: #FF0000; Width: 60px" onMouseOver="ChangeColor('2','0')" onMouseOut="ChangeColor('2','1')" onClick="CheckButton('2')"> Button 3 </Button> <Button Name="Button" Type="Button" Value="Button4" style="BackGround-Color: #FF0000; Width: 60px" onMouseOver="ChangeColor('3','0')" onMouseOut="ChangeColor('3','1')" onClick="CheckButton('3')"> Button 4 </Button> </Form> </Body> </HTML>

Weitere Nachrichten zum Thema: