OnMouseUp ohne Rückkehr an den Seitenanfang

[Moritz]

Hallo zusammen,

ich versuche mit den Funktionen Screen und OnMouseUp Thumbnails per Java Script im "Screen" zu vergrößern ohne dabei eine neue Seite zu öffnen. Es funktionier auch alles hervorragend, nur leider springt die Seite beim Bildwechsel immer auf den Seitenanfang. Kann man die Seite "einfrieren" damit sie dies nicht tut?

Vielen Dank
Moritz

[Tobias Müller]

Hallo,

Es funktionier auch alles hervorragend, nur leider springt die Seite beim Bildwechsel immer auf den Seitenanfang. Kann man die Seite "einfrieren" damit sie dies nicht tut?

Vermutlich verwendest du als Verweisziel im href eine Raute (href="#"). Damit der Browser dem Verweisziel nicht folgt, musst du hinter den Funktions-Aufruf im Eventhandler ein return false schreiben. Also z.B. onmouseup="deinefunktion(); return false;"

MfG Mülli

[Moritz]

Meine Code sieht so aus:

Wo soll ich den return false Befehl eintragen?

<img src="http://GrossesBild_1.jpg" name="screen">&nbsp;</div>

a href="#" onMouseUp='javascript:document.images["screen"].src = "http://www.GrossesBild_1.jpg";' onFocus="blur()"><img src="http://www.KleinesBild_1.jpg" border="0">

Danke
Moritz

[Jan L.]

Hallo,

a href="#" onMouseUp='javascript:document.images["screen"].src = "http://www.GrossesBild_1.jpg";' onFocus="blur()"><img src="http://www.KleinesBild_1.jpg" border="0">

Zunächst mal hat das 'javascipt:' innerhalb von 'onMouseUp' nichts
verloren. Richtig würde es so aussehen:

<a href="#" onMouseUp="document.images['screen'].src = 'http://www.GrossesBild_1.jpg'; return false;">

Gruß, Jan

[Moritz]

Danke für die schnellen Ratschläge aber leider funktioniert es son nocht nicht.

Ich poste mal meinen aktuellen Code bei dem die Seite immer an den Anfang springt:

<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=10>
 <TR>
             <td rowspan="4" width="435">
              <div align="center">
               <img src="http://www.curlingclubhamburg.com/ebay/NV-M7_01.jpg" name="screen">&nbsp;</div>
             </td>
             <td><a href="#" onMouseUp="document.images['screen'].src = 'http://www.curlingclubhamburg.com/ebay/NV-M7_01.jpg'; return false;"><img src="http://www.curlingclubhamburg.com/ebay/NV-M7_01_s.jpg" border="0"></a></td>
            </TR>
            <tr height="20">
             <td height="20"><a href="#" onMouseUp='javascript:document.images["screen"].src = "http://www.curlingclubhamburg.com/ebay/NV-M7_02.jpg";' onFocus="blur()"><img src="http://www.curlingclubhamburg.com/ebay/NV-M7_02_s.jpg" border="0"></a></td>
            </tr>
            <tr>
             <td><a href="#" onMouseUp='javascript:document.images["screen"].src = "http://www.curlingclubhamburg.com/ebay/NV-M7_03.jpg";' onFocus="blur()"><img src="http://www.curlingclubhamburg.com/ebay/NV-M7_03_s.jpg" border="0"></a></td>
            </tr>
            <tr>
             <td><a href="#" onMouseUp='javascript:document.images["screen"].src = "http://www.curlingclubhamburg.com/ebay/NV-M7_04.jpg";' onFocus="blur()"><img src="http://www.curlingclubhamburg.com/ebay/NV-M7_04_s.jpg"  border="0"></a></td>
            </tr>
           </TABLE>

[Tobias Müller]

Hallo,

Danke für die schnellen Ratschläge aber leider funktioniert es son nocht nicht.

wieso verwendest du eigentlich onmouseup? ersetz das mal durch onclick.

MfG Mülli