Botton-hover/-click fehler

Hallo !

Atm bin ich fleißig am herumschrauben meiner webseite.
Layout is fertig, div verlegt und nun sitz ich an den button.
Zuerst wollte ich das alles in flash machen, jeodch isses mir dann soch zu aufwändig gewesen.

Aber jetzt zu meinem Problem.

Ich will meine Button so gestallten, dass bei „mouseover“ und „mousedown“ der button jeweils (mit 2 anderen bildern, ein „klick“ u. eins „hover“) ausgetauscht wird.
Soweit sogut.
Nur jenen funktionen muss der button ja wiederhergestellt werden.
Auch kein Problem an aun für sich, alsi schnell eine „mouseout“ funktion reingehaut.
Nur leider ergibt sich da ein kleines problem.
Hover geht, click geht, nur wenn der button weiderhergestellt werden soll, stellt er mir den hover-button weider her.
Sieht dähmlich aus ^^

So hier is mal mein code:

[html]
<img src=„data/page/btn/btn_top/btn/btn_aufnahme_ja.png“ width=„152“ height=„49“ id=„img1“ alt=„aufnahme: JA“

onmouseover=„FP_swapImg(1,0,/id/‚img1‘,/url/‚data/page/btn/btn_top/btn_hover/btn_hover_aufnahme_ja.png‘);“

onmousedown=„FP_swapImg(1,0,/id/‚img1‘,/url/‚data/page/btn/btn_top/btn_click/btn_click_aufnahme_ja.png‘)“

onmouseout=„FP_swapImgRestore()“ />
[/html]bitte bitte helft mir, bin am verzweifeln !

1000xDanke im voraus !

Dann verwende doch einfach das, was bei onmouseover steht, für onmouseout, nur mit der URL zum Normalzustand-Bild.
Oder du verwendest einfach CSS, wie in meiner Signatur verlinkt.
„div verlegt“ hört sich außerdem so an als müsstest du dir sowieso über den Code deiner Seite noch einmal Gedanken machen.

Mouseclick zu verlinken geht leider auch nicht…gleicher Effekt, merkwürdiger weise.

und deine methode kann ch auch nicht verwenden da das hover eine (kleine) animation ist.

also ich versuch noch ein bissl herumzubasteln, aber irgendwie gehts nicht.

btw: das div ist nicht wichtig, weil das bild selbst in nem div liegt, habe wohl was falsches mitkopiert.

edit. möglicherweise sollte ich den fehle genauer beschreiben:

  1. Seite läd
  2. button da
  3. Mouseover geht
  4. button wiederhergestellt
  5. dann ein klick auf den button
  6. geklickter button wird eingeblendet
  7. mous wieder weg.
  8. ERROR bild ist hovered und nicht in der „ausgangsposition“
  9. bleibt hovered

ich hoffe das hilft n bissl

In diesem Fall würde ein Link zu der Seite oder wenigstens der JavaScript-Code, in dem die Funktionen FP_swapImg und die FP_swapImgRestore enthalten sind, die Sache enorm erleichtern.
Mit HTML hat das Ganze auch nichts zu tun, aber ich warte erst mal mit dem Verschieben…

EDIT: Das Problem hatte ich auch schon nach deinem ersten Beitrag verstanden, nur kann man es ohne Link und ohne Code trotzdem nicht lösen. :wink:

k, dann stell ich mal das ding provisorisch ins net.

so, hochgeladen: Trinitas - die Asmodier Gilde

und hier is mal der gesamte seitencode, wenn das was hilft:

[code]

Trinitas - die Asmodier Gilde .hintergrund { font-size: 0px; }
aufnahme: JA
<div style="position: absolute; width: 90px; height: 49px; z-index: 3; left: 152px; top: 0px; right: 325px;" id="mitglieder">
</div>
<div style="position: absolute; width: 81px; height: 49px; z-index: 2; left: 242px; top: -0px" id="news">
</div>
<div style="position: absolute; width: 153px; height: 49px; z-index: 5; left: 414px" id="Ebene1">
</div>
[/code]Ps: kannst du mir vielleicht noch sagen wie ich dieses [B][I][/I][/B] in der ecke meiner page wegbekomme ? komischerweise wirds offline nicht angezeigt.

versuch mal ne andere Codierung wie utf-8.

wär nur schön wenn ich auch wüsste wie ^^

tausche mal das utf-8 in deinem Header gegen ISO-8859-1 aus.

super ! hat funktioniert.
Und nun zurück zum hauptproblem :stuck_out_tongue:

So ganz verstehe ich immer noch nicht, warum du nicht einfach statt dem hier onmouseout="FP_swapImgRestore()" das hier nimmst: onmouseout="FP_swapImg(1,1,/*id*/'img1',/*url*/'data/page/btn/btn_top/btn_click/btn_aufnahme_ja.png')"
Ich sehe auch keine Animation, welche die CSS-Methode beeinträchtigen würde.

Ansonsten könnte es eventuell sein, dass du die Eventhandler in der richtigen Reihenfolge schreiben musst, also erst onmouseover, dann onmousedown und zum Schluss onmouseout.

die animation betrifft die buttons links, wobei dort das problem natürlich auch auftritt. und wie gesagt das einsetzen hat leider gar keinen unterscheid erbracht, aba ich werd mal die reihenfolge ändern um zu sehn obs jetzt geht.

eine lösung die mir grade eingefallen ist…zwar nicht so schön, aber kann man der funktion nicht einen timer von ein paar millisekunden verpassen, die dann das bild resettet ?
Geht das bzw wie wüsste so ein timer aussehen ?

edit: so, code geändert, geht noch immer nicht Q! heul

[code]

aufnahme: JA[/code]edit: ich Habs !!!
Die lösung is echt lächerlich. Nein, kein weiderherstellen, das bild wird bei mouseout einfach neu geladen.

aktueller code anstelle von "FP_swapImgRestore(1,0,/id/‚img1‘,/url/‚data/page/btn/btn_top/btn/btn_aufnahme_ja.png‘)":
onmouseout="[U]FP_swapImg[/U](1,0,/*id*/'img1',/*url*/'data/page/btn/btn_top/btn/btn_aufnahme_ja.png')"

Auch wenn das Thema schon älter ist, wollte ich der Vollständigkeit halber nur anmerken, dass ich genau diese Lösung hier von vornherein schon gepostet hatte, sie aber anscheinend vollkommen missverstanden, nicht richtig angewendet oder ignoriert wurde.