kostenloser Webspace werbefrei: lima-city

ID mit onmouseover ändern

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   stinger5

   

   stinger5 hat kostenlosen Webspace.

   13:03, 6.7.2007

   Hallo,
   
   Es geht darum das ich die ID eines Button ändern will und das per onmouseover.
   
   Zweck ist, um ein "Rollover" Effekt zu erstellen.
   Ich habe dafür in einer CSS datei festgelegt, das Buttons mit der ID "button2" farblich anders aussehen.
   Ich habe auch schon etwas versucht funktioniert aber leider nicht:
   <input id="std_button" onmouseover="change(this.id,'std_button2')" type="submit" ...
   
   Ich hab keine Erfahrung mit JavaScript, aber das war das beste was ich rausgegoogelt habe.
   
   Es gibt zwar eine Alternative die per CSS auch möglich ist:
   #std_button { ... }
   #std_button:hover { ... }
   
   Leider funktioniert das aber nur im Firefox und nicht im IE...
   
   Wäre auch für andere Alternativen offen.
   
   mfg

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. sandrock-jonas

   

   sandrock-jonas hat kostenlosen Webspace.

   14:27, 6.7.2007

   Versuchs mit class anstatt von id:
   
   <input type="submit" value="..." class="normal" onmouseover="this.className = 'hover'" onmouseout="this.className = 'normal'" />
   
   und dein CSS:
   
   input.normal {
   ...
   }
   
   input.hover {
   ...
   }
   
   Beitrag geändert: 6.7.2007 14:28:51 von sandrock-jonas

4. k*****r

   15:27, 6.7.2007

   also das mit css ( a:hover) funktioniert auch mit ie. da muss der fehler bei css liegen
   zeig mal den quelltext
   
   Beitrag geändert: 6.7.2007 15:27:54 von kalimor

5. sandrock-jonas

   

   sandrock-jonas hat kostenlosen Webspace.

   16:51, 6.7.2007

   
   also das mit css ( a:hover) funktioniert auch mit ie. da muss der fehler bei css liegen
   zeig mal den quelltext
   
   Beitrag geändert: 6.7.2007 15:27:54 von kalimor
   

   
   
   Das gilt aber auch nur für <a> (also für Links). Bei anderen Objekten geht das nicht so. Da musst du dann auf die JavaScript-Variante zurückgreifen.

6. e********l

   12:06, 8.7.2007

   Ja, dank des IE muss man da JS nutzen, die anderen Browser haben in der Hinsicht bereits den CSS3 Teil implementiert :)

7. dro

   dro hat kostenlosen Webspace.

   11:59, 10.7.2007

   Es geht auch ohne ID:
   
   <div onmouseover="this.style.color='red';" onmouseout="this.style.color='#000';">Der Text wird bei mouseover rot.</div>
8. Autor dieses Themas

   stinger5

   

   stinger5 hat kostenlosen Webspace.

   17:35, 10.7.2007

   danke für die Antworten.
   
   Mit Class geht das wirklich am Besten als mit id, egal welcher browser.
   Hab mir jetzt ne Lösung zusammengebaut:
   
   <input type="button" name="Login" value="Login" class="btnLogin" onmouseover="this.className='btnLoginh'" onmouseout="this.className='btnLogin'">
   
   und dann bei CSS...
   
   input.btnLogin{
   background-color:#33CC33;
   }
   input.btnLoginh{
   background-color:#99FF99;
   }
   
   Funktioniert übrings mit fast allen! genial! z.B. auch mit Tabellen^^
   thx nochmal an alle!
   
   
   
   

9. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?