Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > rollover
| geschrieben von wassup am 02.09.2001 - 20:25 |
| ich danke euch für die schnelle beantwortung *staun* meiner anfrage . ich glaub aber daß die nächste frage weniger so leicht ist wie das mit dem textfeld, denn wenn ihr mir da weiterhelfen könntet muß ich mich wohl vor euch verbeugen. ihr kennt doch alle den teil einer seite wo man sich einloggen muß, sprich benutzerid und passwort eingeben. ich habe mir nun gedacht, daß man wenn man mit der maus auf diesen bereich geht, sich die farbe ändert. ein rollover bild . den textfeld kann man ja auf transparent stellen, aber wie geht es weiter ? |
| geschrieben von Gast am 02.09.2001 - 23:41 |
| Sorry wenn ich das nicht gleich versteh, aber suchst du nun ein Rolloverscript für Grafiken, oder willst du das Inputfeld auf Transparent setzen?? Rolloverscripte, sogar ein Toll befindet sich auf dieser Website: Script: http://www.javarea.de/javascript/sc....e/Key/Link Tool: http://www.javarea.de/javatool/index.php3 nun zum Inputfeld: Transparent erkennt der NS jedoch nicht, deshalb würde ich dir vorschlagen, dass ganze in eine CSS Datei zu packen. <style type=text/css> <!-- input {border-width:1;border-color:black;font-family:Arial,Helvetica;font-size:12px;background-color:#f4f7fd;} //--> </style> <input type="text" name="blabla" value=""> das ganze macht sich so besser, da das Inputfeld die Werte aus der CSS Datei bekommt und du dann alle Inputfelder so hast und falls du dein Design ändern möchtest, müßtest du alles abklappern und mühevoll ändern, so machst du das in der CSS und alles ist sofort fertig.......... |
| geschrieben von Gast am 03.09.2001 - 09:15 |
hier hab ich mal das teil geschrieben, ich hoffe ihr könnt euch das ding bildlich vorstellen. ich möchte jetzt,daß wenn man mit der maus rüberfährt oder wenn man auf das textfeld klickt, daß sich die farbe dieser tabelle ändert. das problem ist nun, daß sich die frabe des textfeldes auch verändern soll, (beim onclick oder mouseover.)wenns geht auch die schrift benutzer-id und passwort. <!kennwort><div id="test" style="position:absolute; left:0px; top:120px; width:165px; height:80px; z-index:1; border-top-width:1px; border-top-style:solid; border-color:#FFFFFF;"> <form name="form1" method="post" action=""> <div id="test3" style="margin-top:15px;margin-left:2px;"> <table border="0"> <tr> <td><font size=1>Benutzer-ID:</font></td><td><input type="text" name="benutzer" size=7 maxlength=20></td> </tr> <tr> <td><font size=1>Passwort:</font></td><td><input type="password" name="passwort" size=7 maxlength=20> </td><td><div style="position:absolute, bottom:-2px"><input type=image src="go1.jpg" align=bottom></div> </td> </tr> </table> </div> </form> |
| geschrieben von Gast am 03.09.2001 - 20:44 |
| ein Script zum ändern der Farbe bei onmouseover kontakt haben wir hier: http://www.javarea.de/javascript/sc....amp;id=235 Wenn Du aber mehrer Buttons gleichzeitig ansteuern möchtest, die dann die Farbe ändern, solltest du mit array arbeiten und die variablen übergeben..... ich werd mal was versuchen......  |
| geschrieben von Gast am 03.09.2001 - 21:04 |
| danke, das wär nett. |
| geschrieben von Gast am 03.09.2001 - 21:05 |
| ich hab dir das mal etwas einfach dargestellt.... erweitere es nach deinen Bedürfnissen <script language="JavaScript"> <!-- ######### Grafikwechsel ############# image0 = new Image(); image0.src = "go0.gif"; imageon0 = new Image(); imageon0.src = "go1.gif"; function wechsel(Bildnr,Bildobjekt) { window.document.images[Bildnr].src = Bildobjekt.src; } ######### Farbabfrage für Inputfeld ############# function bg(color){ if (event.srcElement.tagName=="INPUT") event.srcElement.style.backgroundColor=color } // --> </script> <form onMouseover="bg('green');" onMouseout="bg('')"><input type="text" name="benutzer" size=7 maxlength=20></form> <a href="#" onMouseOver="wechsel(0,imageon0)" onMouseOut="wechsel(0,image0)"><img type=image src="go0.gif" align=bottom"></a> |
| geschrieben von Gast am 04.09.2001 - 13:05 |
| danke, klaus nur du hast mich leider mißverstanden nicht der button soll seine farbe ändern sondern die farbe des hintergrunds und des textfeldes und das beim onklick und beim mouseover. könnte ich dich irgendwie dazu bewegen mir dafür den code zu geben den dort ist mein latein am ende. *knienieder* ist es vielleicht möglich, daß du dafür meine werte nehmen könntest die ich hier schon gepostet habe. |