Onmouse-over auf 2 Sachen?

D

Der_Sisko

Grünschnabel
Hi,

ich bastle gerade ab einer Webseite. Ich habe 2 Tabellen gemacht. In die ersten Spalte kommt eine Pinnadel. Diese habe ich in 2 Versionen. Nadelkopf rot bzw. gelb. In der zweiten Spalte steht ein Text. Nun soll folgendes passieren:

Wenn ich mit der Maus über die Nadel (kopf rot) gehe, dann soll sie durch Nadel mit dem gelben Kopf ersetzt werden. Wenn ich über den Text gehe, dann soll dieser von weiß nach gelb wechseln UND die Nadel soll von rot nach gelb (bild austauschen) wechseln.

Jemand gab mir den Tipp:
<... onmouseover="machwas(); machwasanderes();">

Leider kann ich damit nicht viel anfangen. Kann mir jemand sageb, wie so ein Skript aussieht...und ich dann "nur" noch Namen austauschen muss?

Ich mache das ganze mit Frontpage *zieh Kopf ein*

Weiß jemand wie das geht? :-/ Eine ausführliche Antwort wäre super :-)

Und wenn ich es in/mit CSS machen will, wie geht es dann?

Sorry, aber ich bin da der totale Anfänger
 
am besten du gibst den beiden Sachen ne ID - das sieht dann so z.B. so aus:
<img src="irgendwas.gif" id="bild">
<font color="#000000" id="schrift">

IDs MÜSSEN einzigartig (unique) sein!

Dann rufst du mit onMouseOver in dem IMG-Tag
irgendwas() auf :) ...
und im FONT-Tag
irgendwas(); irgendwasanderes()

die Functionen sehen dann ungefähr so aus:

Code: 
function irgendwas() {
   document.getElementById("bild").src = "neuesbild.gif";
}

function irgendwasanderes() {
   document.getElementById("schrift").style.color = "#EEFF00";
}

das müsste eigentlich schon für das verändern reichen ... und wenn du die Sachen bei onMouseOut wieder in ihren ursprünglichen Zustand versetzen willst, dann kannste einfach zwei andere Funktionen bei onMouseOut reinschreiben - nach dem Motto:

Code: 
function irgendwasOUT() {
   document.getElementById("bild").src = "altesbild.gif";
}

function irgendwasanderesOUT() {
   document.getElementById("schrift").style.color = "#000000";
}
 
Also ich habe das jetzt einmal versucht, jedoch klappt das nicht so ganz es erscheinen zwar die Bilder aber es erfolgt keine Fehlermeldung und auch kein Bildwechsel.

Hier mal der Quelltext den ich verwendet habe :)

Code: 
<html>
<head>
<title>Unbenanntes Dokument</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function irgendwas() {
   document.getElementById("bild").src = "orange2.jpg";
}
function irgendwasOUT() {
   document.getElementById("bild").src = "orange.jpg";
}
//-->
</script>
</head>
<body>
<a href="#" onMouseOut="irgendwasOUT();" onMouseOver="irgendwas();"><img src="lang.jpg"></a><img src="orange.jpg" id="bild">
</body>
</html>

Was ist da falsch? :(
 
Ah!

Ich hab gerade bemerkt mein Internet Explorer war Schuld der hat ActiveX Steuerelemente geblockt und deswegen ging das nicht!

Danke für die Hilfe :)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück