• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

document.getElementById und hover

  • Ersteller Ersteller Redwolfhome
  • Erstellt am Erstellt am
Status
Für weitere Antworten geschlossen.
R

Redwolfhome

Guest
Ich habe mal eine Frage
Ich kenne mich zwar nicht so gut mit JavaScript aus aber ich brauche s im Moment.
Ich will einer Div box eine andere Hintergundfarbe zuweisen. Habe ich schon rausgefunden:
Code:
var boxdiv = document.getElementById('meinetagid');
boxdiv.style.backgroundColor = farbe;
Nun aber wie mache ich es das ich die hintergundfarbe von meinetagid:hover oder meintageid a:hover änder?

MFG
Redwolfhome
 
Du kannst das ganze jetzt nicht mit CSS mischen :D
Was du bestimmt meinst. Die hintergrundfarbe ändern wenn du über den Link hoverst.
Nehmen wir an dein link hat vorher die CSS klasse: link
Wenn der link nun aktiv ist willst du einen aktiven Link haben.
dann änderst du einfach den Klassennamen

Code:
document.getElementById("home").onclick = function() {
  document.getElementById("home").className = "activeLink";
};

Wenn es so etwas nicht ist weiss ich es leider auch nicht.
Wenn du normales hovern meinst benutze lieber css.
Auch mein Beispiel hier, ist nur wirksam wenn du irgend was mit Javascript/Ajax machst.

Also erklär mal bitte was du genau vor hast :)
 
Hatte fehft das ich es umgehen kann aber so geht es auch

Ok
das war es dann schon Danke
 
wenn du :hover also mouseover willst dann kannst du das auch so machen dann muss man nicht klicken

Code:
function andern() {
var boxdiv = document.getElementById('meinetagid');
boxdiv.style.backgroundColor = farbe geandert;



}

function zuruck() {
var boxdiv = document.getElementById('meinetagid');
boxdiv.style.backgroundColor = farbe normal;



}
und dann in den div tag
Code:
<div id="meinetagid" onmouseover="andern()" onmouseout="zuruck()">
 
Ich meinte ja nur, dass die Variante den Hintergrund über JS zu wechseln keine gute Idee ist, da man dies leicht über CSS umsetzen kann und es somit auch die Nutzer sehen können, die kein JS aktiviert haben. Natürlich geht das ganze auch mit Javascript.
Sollte aber nicht so gemacht werden :)

@RedWolf
Was genau hast du denn damit vor? Wenn wir das wüssten, könnte man dir die richtige Lösung nennen :)
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben