class ändern

joextra · 31.03.2005, 16:18

ich hätt gern a problem

ich hab ein <a href... class="bla">xxy</a>
jetzt will ich bei onmouseover das die class durch eine andere ersetzt wird. aber wie mache ich das? hab jetzt schon einiges probiert, aber es klappt nicht.

ist das überhaupt so möglich? google konnte mir da auch nicht weiter helfen.

SteffenR · 31.03.2005, 16:20

Bei einem Link kannst du dies durch die Eigenschaft a:hover festlegen ..
Beispiel:

Code:

a:hover {
text-decoration:none;
}

Dies würde beim darüberfahren den Unterstrich entfernen

Dort könntest du dann natürlich auch andere Formatierungen eintragen, wie du dies in der anderen Klasse sicherlich auch getan hast..

SteffenR

joextra · 31.03.2005, 16:28

hat sich erledigt. geht mit this.className

rewboss · 31.03.2005, 19:07

Ja, aber warum nicht gleich mit a:hover?

321 · 31.03.2005, 22:42

Zitat:

Zitat von rewboss

Ja, aber warum nicht gleich mit a:hover?

Er ändert die Class und die bleibt vorerst mal geändert solange er will.
a.hover {... pipapo ...} wird aber hinfällig, wenn die Maus wieder weg ist.

Ob er das wollte?

joextra · 01.04.2005, 23:10

ich habe zwei verschiedene classes für anker. wenn ich a.hover benütze bekommen beide die gleiche schriftart

rewboss · 01.04.2005, 23:13

Wie denn das?

321 · 02.04.2005, 00:32

Zitat:

Zitat von joextra

ich habe zwei verschiedene classes für anker. wenn ich a.hover benütze bekommen beide die gleiche schriftart

nur wenn Du bei a.hover zB. nur die Farbe, nicht aber die Font-Family (Schriftart) anders hinterlegt hast.

HTML-Code:

<html><head><title>Test a.hover</title>
<style>
a {font-family: verdana; color: green}
a:hover {font-family: comic sans ms; color: red}
</style>
</head>
<body>
<div align="center">
<br /><br /><br />
<a href="#">Dieser grüne Verdana-Text wird bei Übermausung zu rotem Comic</a>
</div></body></html>

deck16 · 02.04.2005, 17:25

Zitat:

Zitat von joextra

ich habe zwei verschiedene classes für anker. wenn ich a.hover benütze bekommen beide die gleiche schriftart

Dann weist Du jeder Klasse ein eigenes hover zu:

Code:

	 a.klasse1:hover {
	font-family:Trebuchet MS;
	font-size:18px;
	color:red;
	}
	
	
	a.klasse2:hover {
	font-family:Arial;
	font-size:10px;
	color:blue;
	}

joextra · 04.04.2005, 01:35

ok, daran hab ich jetzt nicht gedacht. ist auch egal. habs anders gelöst