Peer Ole Sörensen: Problem mit window.open

Hallo,

ich habe eine kleine Galerie mit Thumbs. Wenn man einen der Thumbs anklickt, öffnet sich ein Popup-Fenster, in dem eine grössere Version des Bildes angezeigt wird. Leider wird in diesem Moment die Seite mit den Thumbs neu geladen und wieder der Seitenanfang angezeigt. Man muss also nach jedem Bild wieder nach unten scrollen. Kann man das irgendwie umgehen?

Das Problem: http://www.gottesohr.de/index.php?kategorie=muenchen99&text=galerie/thumbs

Die Seite ist noch lange nicht fertig und es sicher nicht der beste Stil - Vergebt mir ;)

Danke für die Hilfe...

  1. Hallo,

    Hi

    ich habe eine kleine Galerie mit Thumbs. Wenn man einen der Thumbs anklickt, öffnet sich ein Popup-Fenster, in dem eine grössere Version des Bildes angezeigt wird. Leider wird in diesem Moment die Seite mit den Thumbs neu geladen und wieder der Seitenanfang angezeigt. Man muss also nach jedem Bild wieder nach unten scrollen. Kann man das irgendwie umgehen?

    Ja, indem man den unsinnvollen Link <a href="/index.php?kategorie=muenchen99&text=galerie/thumbs" vor jedem Bild rausnimmt und das onclick in die <img - Tags setzt. ;)

    Auserdem wärs noch sinnvoll in der php-seite ein paar \n zu setzen, damit der normal-Sterbliche den Quellcode auch noch kapiert...

    Danke für die Hilfe...

    Bitte

    tOM

    1. hi,

      Ja, indem man den unsinnvollen Link <a href="/index.php?kategorie=muenchen99&text=galerie/thumbs" vor jedem Bild rausnimmt und das onclick in die <img - Tags setzt.

      eher nicht. Es duerfte bekannt sein, dass es Browser gibt, bei denen img keinen eventhandler "onclick" besitzt - daher der dummy-link.

      Gruss  Joachim

  2. Hi,

    Klar, daß der die Seite immer neu lädt, schau dir mal an, was im href steht!

    Mach das window.open aus dem onclick raus, schmeiss das onclick weg, entfern den Inhalt aus dem href und setz da das window.open rein mit einem javascript: davor. Und das bei jedem Thumb.

    Sieht dann etwa so aus: <a href="window.open..."><img ...></a>

    Viele Grüße,
    Jürgen

    1. Sieht dann etwa so aus: <a href="window.open..."><img ...></a>

      So natürlich:
      <a href="javascript:window.open..."><img ...></a>

  3. hi,

    Man muss also nach jedem Bild wieder nach unten scrollen. Kann man das irgendwie umgehen?

    onclick="open(...); return false;"
    return false blockiert den html-link

    Gruss  Joachim

  4. Hi,

    <a href="/index.php?kategorie=muenchen99&text=galerie/thumbs" onClick="tmp=window.open('galerie/showpic.php?file=galerie/muenchen99/39.jpg','Bild','status=no,titlebar=no,scrollbars=no,resizable=yes,width='+(640+16)+',height='+(441+16)+',left='+((screen.width/2)-(640/2))+',top='+((screen.height/2)-(441/2)));" class='thumb'"><img src='galerie/muenchen99/thumbs/39.jpg' border='0'></a>

    Das bewirkt, daß die Funktion in onclick und ein Sprung auf die aktuelle Seite ausgeführt wird.

    <a href="..." onclick="...; return false"><img src="..." ...></a>

    Schreibt man nun nach der Funktion in onclick ein return false, wird der Link (Sprung zur aktuellen) nicht mehr ausgeführt.
    Sinnvoll ist es dann natürlich, statt href="/index.php?..." auf das entsprechende große Bild zu verweisen. Somit kann die Seite auch von Usern ohne Javascript nutzbar.

    Grüße,

    Ronny