Maus über Feld A, Feld B färbt sich - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > Maus über Feld A, Feld B färbt sich

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Maus über Feld A, Feld B färbt sich

Pages: [1]

geschrieben von Drehstabenverbucher am 16.11.2005 - 19:51

Hallo

Ich habe eine relativ einfache Frage, denke ich zumindest.
Aber meine Javascriptkenntnisse überschreitet sie trotzdem (wieder)

Ich habe eine Navigation, bestehend aus 5 Grafiken (Grafik1.gif, Grafik2.gif,...,Grafik5.gif). Und dadrunter ein Balken, mit einer Farbe. Jeder einzelne Balken ist so lang, wie die dadrüber liegende Grafik.
HTML:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16:

<table>
<tr>
<td><a href="#"><img src="Grafik1.gif" /></a></td>
<td><a href="#"><img src="Grafik2.gif" /></a></td>
<td><a href="#"><img src="Grafik3.gif" /></a></td>
<td><a href="#"><img src="Grafik4.gif" /></a></td>
<td><a href="#"><img src="Grafik5.gif" /></a></td>
</tr>
<tr>
<td bgcolor="#ffffff"></td>
<td bgcolor="#ffffff"></td>
<td bgcolor="#ffffff"></td>
<td bgcolor="#ffffff"></td>
<td bgcolor="#ffffff"></td>
</tr>
</table>

Wenn ich nun mit der Maus über einer Grafik bin, soll sich der dadrunterliegende Balken in z.B. #000000 färben.
Und außerdem, wenn ich den Link angeklickt habe, soll die Farbe so bleiben (also #000000).

Zum Beispiel wie bei der Seite http://www.qpool.biz, die mittlere Navigation.
Jedoch fehlt da noch, dass der Balken unter dem angeklickten Bild weiterhin die Farbe behält.

mfg

geschrieben von weisnix am 17.11.2005 - 07:57

Hier ein Beispiel:

geschrieben von Drehstabenverbucher am 17.11.2005 - 16:13

oh man ich habe bestimmt 15min die scripte durchsucht, aber das habe ich natürlich nicht gefunden

Naja, nun funktioniert es. Dankeschön

geschrieben von Drehstabenverbucher am 20.11.2005 - 13:15

Bis vor kurzem hat alles so funktioniert, wie es sollte, aber nun irgendwie nicht mehr

Das einzige was ich großartig verändert habe ist das ich den FCK-Editor (http://www.fckeditor.net/) eingebunden habe. Also in <head>-Bereich. Aber auch wenn ich das wieder rausnehme, funktioniert es immer noch nicht.
UND
Ich habe ein Script eingebunden, was direkt im <head>-Bereich zu finden ist (Name: updateWMTT...)
Ich finde den Fehler einfach nicht.

Seite
http://dgb.gamaxx.de/florian/?site=home
Bei Mouseover über Home, News, About me... sollte der graue Balken dadrunter sich färben, so wie es bei der ausgewählten Sektion schon der Fall ist.

hier das Script(ist von den Scripts von javarea):

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11:

function wxlBgCol(id,farbe) {
  if (document.all)
    document.all[id].style.backgroundColor=farbe;
  else
  if (document.getElementById)
    document.getElementById(id).style.backgroundColor=farbe;
  else
  if (document.layers)
    document.layers[id].bgColor=farbe;
  }
}

geschrieben von weisnix am 21.11.2005 - 08:26

Hallo,

zum eigentlichen:

das Script hast du soweit richtig, nur solltest du auch die Hintergrundfarbe einem Objekt zuweisen.

Für den Internet Explorer heißt es unter
if (document.all) // so wird der IE abgefragt bzw. nach einem Browser der die Anweisung document all versteht.
document.all[id].style.backgroundColor=farbe; // also, setze in der Seite in dem Element mit der id ?? (wird bei ..Mouse... festgelegt) das css (Hintergrundfarbe) auf farbe ?? (wird bei ..Mouse... festgelegt).

Wo bitte ist deine id?? Die fehlt – da die Zellen der Tabelle gemeint sind muss sie da rein!

Dann gleich noch ein Tipp. Verwende im ersten Link als id=“home“ nicht dieses Wort. Das mag der IE nicht. Benutze start oder etwas anderes.

zum nächsten:

du wechselst einen Hintergrund den man gar nicht sieht. Die Bilder in der Zelle füllen diese aus. Das gif hat keine Transparents und die Zellen haben keinen Abstand. Wie soll man da ein Farbwechsel erkennen?

Gruß

geschrieben von Drehstabenverbucher am 21.11.2005 - 16:10

ich trau mich es kaum zu sagen, aber mein Fehler lag darin, dass ich ein paar Leerzeilen im Code gelöscht habe, und dabei sind ein paar "else" und "if" zusammengerückt.
Jedenfalls funktioniert es nun wieder