Hi,
ich hab ein Image und einen Link. Fährt der User mit der Maus über Link oder Image wird das Image ausgetauscht, und beim verlassen wieder zurueck gesetzt. Klickt der User auf Bild oder Image wird er zu einer neuen seite verlinkt.
Das Problem dabei ist das die Fortschrittsleiste des IE's, die dem User zeigt das eine Seite geladen wird, nach dem onMouseOut abbricht. Obwohl die seite im Hintergrund noch geladen wird. Da die Seite etwas länger dauert, denkt er das nix mehr passiert und clickt wild in der gegend rum.
onMouseOver:bild wechselt -> onClick:seite wird geladen -> Fortschrittsbalken arbeitet -> onMouseOut: bild wechselt -> Fortschrittsbalken bricht ab IE meldet 'Fertig' -> einige Zeit später -> Seite wechselt
Habt ihr eine Idee wie ich das verhindern kann?
<pre style="font-size:x-small;border: 1px solid black">
[script]
out = new Image();
out.src = 'images/bLoArrowUp.gif';
over = new Image();
over.src = 'images/bLoArrowDown.gif';
[/script]
[img id="mImage" onMouseOver="mImage.src = over.src;" onMouseOut="mImage.src = out.src;" onClick="window.location.href = 'timer.asp';" src="images/bLoArrowUp.gif" /]
[div id="mLink" onMouseOver="mImage.src = over.src;" onMouseOut="mImage.src = out.src;" onClick="window.location.href = 'timer.asp';"]hier[/div]
</pre>
ich hab ein Image und einen Link. Fährt der User mit der Maus über Link oder Image wird das Image ausgetauscht, und beim verlassen wieder zurueck gesetzt. Klickt der User auf Bild oder Image wird er zu einer neuen seite verlinkt.
Das Problem dabei ist das die Fortschrittsleiste des IE's, die dem User zeigt das eine Seite geladen wird, nach dem onMouseOut abbricht. Obwohl die seite im Hintergrund noch geladen wird. Da die Seite etwas länger dauert, denkt er das nix mehr passiert und clickt wild in der gegend rum.
onMouseOver:bild wechselt -> onClick:seite wird geladen -> Fortschrittsbalken arbeitet -> onMouseOut: bild wechselt -> Fortschrittsbalken bricht ab IE meldet 'Fertig' -> einige Zeit später -> Seite wechselt
Habt ihr eine Idee wie ich das verhindern kann?
<pre style="font-size:x-small;border: 1px solid black">
[script]
out = new Image();
out.src = 'images/bLoArrowUp.gif';
over = new Image();
over.src = 'images/bLoArrowDown.gif';
[/script]
[img id="mImage" onMouseOver="mImage.src = over.src;" onMouseOut="mImage.src = out.src;" onClick="window.location.href = 'timer.asp';" src="images/bLoArrowUp.gif" /]
[div id="mLink" onMouseOver="mImage.src = over.src;" onMouseOut="mImage.src = out.src;" onClick="window.location.href = 'timer.asp';"]hier[/div]
</pre>
Comment