dynamische Buttons und Anzeigeprobleme

[Webmiss]

Hallo...

Ich hab mich gestern das erste mal mit JavaScript beschäftigt, weil ich das Prinzip von dynamischen Buttons ganz nett fand.
Ich hab mir den entsprechenden Teil hier auf der Seite durchgelesen und alles genauso gemacht, wies da stand. Jetzt hab ich allerdings das Problem, dass die Buttons nicht richtig angezeigt werden.

Es sind insgesamt 10 Stück. Der erste wird beim Aufrufen der Seite richtig angezeigt (also im normalen Zustand), alle folgenden sehen aber schon so aus, als wäre man mit der Maus drübergegangen.
Wenn ich dann alle Buttons mit der Maus berührt hab, werden sie angezeigt wie sies sollen und verändern sich dann auch normal beim rübergehen mit der Maus. Nur warum ist das nicht von Anfang an so?

Ich benutze die neuste Opera-Version, habs allerdings auch mit einem älteren IE getestet...da gibts das gleiche Problem.
Kann mir da vielleicht jemand helfen oder ist das so pauschal kaum zu sagen? Ich blick da echt nicht mehr durch...

Grüße,

Webmiss

[wahsaga]

hi,

Kann mir da vielleicht jemand helfen oder ist das so pauschal kaum zu sagen?

Letzteres natürlich - ohne zu wissen, was du gemacht hast, kann dir auch niemand sagen, was daran falsch sein könnte.

Also bitte Code oder Online-Beispiel posten (bei umfangreicherem Code bitte letzteres).

gruß,
wahsaga

[Webmiss]

Hm, dann hier mal ein Auszug...beim ersten gehts, aber der zweite Button wird eben dann von Anfang an mit dem "Aktiv"-Bild dargestellt...:

<script type="text/javascript">

Normal1 = new Image();
Normal1.src = "buttons/uebermich1.gif";
Highlight1 = new Image();
Highlight1.src = "buttons/uebermich2.gif";

Normal2 = new Image();
Normal2.src="buttons/bunnyfun1.gif";
Highlight2 = new Image();
Highlight2.src="buttons/bunnyfun2.gif";

function Bildwechsel(Bildnr, Bildobjekt)
{
  window.document.images[Bildnr].src = Bildobjekt.src;
}

</script>

....

<a href="uebermich.htm"
   onMouseOver="Bildwechsel(0, Highlight1)"
   onMouseOut="Bildwechsel(0, Normal1)" target="haupt"><img src="buttons/uebermich1.gif"
   width="120" height="30" border="0" alt="Über mich"></a>

<a href="bunnyfun.htm"
   onMouseOver="Bildwechsel(1, Highlight2)"
   onMouseOut="Bildwechsel(1, Normal2)" target="haupt"><img src="buttons/bunnyfun2.gif"
   width="120" height="30" border="0" alt="Bunnyfun"></a>

Und ich habs tausend mal verglichen mit dem auf der Seite hier, auch mal kopiert und die Bilder einfach nur durch meine ersetzt...
Wenn gar nichts hilft, mache ich alles nochmal neu und gucke obs anders ist, aber eigentlich mag ich das auch nicht...hm.

[Mickey Mouse]

onMouseOut="Bildwechsel(1, Normal2)" target="haupt"><img src="buttons/bunnyfun2.gif"

hier müsste es dann wohl heissen :

src="buttons/bunnyfun1.gif"

Und ich habs tausend mal verglichen mit dem auf der Seite hier, auch mal kopiert und die Bilder einfach nur durch meine ersetzt...

1000 mal probiert, 1000 mal is nix passiert :-)

So long

[Danke euch!]

Meine Güte, da wäre ich nie drauf gekommen *lacht* Das hab ich glatt immer überlesen... Manchmal hat man echt n Brett vorm Kopf.
In diesem Sinne, danke für die Schreinerarbeiten ;)

Webmiss

[Siechfred]

Tag Webmiss.

Normal2 = new Image();
Normal2.src="buttons/bunnyfun1.gif";
Highlight2 = new Image();
Highlight2.src="buttons/bunnyfun2.gif";

Hier legst du fest, dass Normalzustand "bunnyfun1.gif" ist, aber hier:

<a href="bunnyfun.htm"
[...]
   <img src="buttons/bunnyfun2.gif" width="120" height="30" border="0" alt="Bunnyfun">
</a>

legst du den Highlight-Button ("bunnyfun2.gif") als Normalzustand nach erstmaligem Laden der Seite fest. Scheint, als wärst du mit der Nummerierung der Häschenfreuden ein bisschen durcheinandergeraten ;-)

Siechfred

[JürgenB]

Hallo Webmiss,

Normal2 = new Image();
Normal2.src="buttons/bunnyfun1.gif";
Highlight2 = new Image();
Highlight2.src="buttons/bunnyfun2.gif";

<a href="bunnyfun.htm"
   onMouseOver="Bildwechsel(1, Highlight2)"
   onMouseOut="Bildwechsel(1, Normal2)" target="haupt"><img src="buttons/bunnyfun2.gif"

^

width="120" height="30" border="0" alt="Bunnyfun"></a>

bunnyfun1 ist normal, bunnyfun2 ist highlighted und wird im IMG-Tag als Startbild geladen.

Gruß, Jürgen