Funktion Mouseover

pangloss · 25 Januar 2011

Wie kann ich per JavaScript einen Mouseover Effekt erzeugen, der die Farbe ändert?

<script type="text/javascript">

function schrift(){
a.beispiel("color: #fff");

}

</script>
</head>

<body>
<a class="beispiel" href="xass" onmouseover="schrift()"> X </a>
</body>
</html>

Warum funktioniert das nicht?

NE4Y · 25 Januar 2011

müsste es nicht nur .beispiel heißen und nicht a.beispiel? kenne mich mit js nicht so gut aus :S

pangloss · 25 Januar 2011

Hm, ändert nichts. Soweit ich das Prinzip verstanden habe könnte man auch window.document.a.beispiel referenzieren...

Asterixus · 25 Januar 2011

document.getElementById("beispiel").onmouseover = function() {
this.style.color = "#FFF";
};
<a class="beispiel" href="xass" id="beispiel"> X </a>

pangloss · 25 Januar 2011

also bei mir funktioniert das nicht. ich habe das script im head un html im body... ist doch richtig so, oder?

threadi · 25 Januar 2011

Doctype vorausgesetzt ...

HTML:

<script type="text/javascript">
 
function schrift(obj){
    obj.style.color = "#fff";
 
}
 
 
</script>
</head>
 
<body>
    <a class="beispiel" href="xass" onmouseover="schrift(this);"> X </a>
</body>
</html>

Siehe auch:
CSS-Angaben mit JavaScript auslesen und dynamisch ändern / JavaScript - Homepage-Total.de - Webseiten erstellen, optimieren und aufpeppen

pangloss · 26 Januar 2011

doctype war angegeben, habe eben nur einen teil des codes kopiert. muss ich das obj in die klammern der funktion schreiben? und is das die einzige möglichkeit? ich habe irgendwie das gefühl, dass es in einem tutorial mal anders gemacht wurde...

threadi · 26 Januar 2011

Nein, man muss kein Objekt an die Funktion übergeben. Aber die Funktion muss sich auf ein Objekt beziehen. Theoretisch könntest Du auch die ID des Links in der JavaScript-Funktion verwenden um darauf zuzugreifen. Die von mir gezeigte Variante wäre jedoch dagegen mit beliebig vielen Links variabel nutzbar.

Hinweis: für solche Effekte nutzt man eher CSS.

pangloss · 26 Januar 2011

Klar, ich weiß, dass man dafür normalerweise CSS nutzt. Ich versuche nur mit JavaScript beizubringen, deshalb, um nachzuvollziehen, wie die Referenzierung bei solchen Dingen funktioniert, dieser Test. Und bei komplexeren Dingen oder beim arbeiten mit jQuery könnte es nützlich sein, das zu wissen.

threadi · 26 Januar 2011

Bei jQuery geht das wieder anders als beschrieben. Siehe:
.css() – jQuery API

struppi · 26 Januar 2011

pangloss schrieb:
Wie kann ich per JavaScript einen Mouseover Effekt erzeugen, der die Farbe ändert?

Warum funktioniert das nicht?

Weil der Code falsch ist, was dir aber auch die Fehlerkonsole gesagt hätte.

Funktion Mouseover

pangloss

Neues Mitglied

NE4Y

Mitglied

pangloss

Neues Mitglied

Asterixus

Aktives Mitglied

pangloss

Neues Mitglied

threadi

Moderator

pangloss

Neues Mitglied

threadi

Moderator

pangloss

Neues Mitglied

threadi

Moderator

struppi

Guest

Neueste Beiträge