Page springt nach oben nachdem Popup-Foto geöffnet!

[Sanni]

Hallo ihr "Meister des HTML und JAVA"!  ;)

Habe u.a. mit Hilfe dieser Seite meine Homepage aufgebaut, bin soweit auch schon ganz zufrieden nur ein Problem nervt mich sehr:

Ich habe mehrere Galerien mit zahlreichen Fotos und immer wenn man ein Foto anklickt (öffnet sich dann gross als PopUp), scrollt die Galerie-Seite wieder nach oben! So ist es wirklich mühsam sich Fotos anzuschauen, die weiter unten auf der Seite sind (siehe URL).

Hat jemand eine Lösung parat? Problem tritt sowohl im IE als auch in Firefox auf... Ich danke euch schon mal!

Sanni :)

[MiSo]

du hast wahrscheinlich den poput mit onclick="popup(seite);" geöffnet, nich?

du musst danach noch ein "return false;" schreiben sonst klickst du den link an mit "#" ;)

also onclick="popup(); return false"

mfg
Micha

[Sanni]

Hallo Micha!

Fast...bei mir sieht es so aus:

function popPhoto1Up()
    {

if (document.layers)
      {
        window.open("sanni1.htm","photo1","width=320, height=240,left=0,top=0,scrolling=yes,locationbar=no,menubar=no,resizable=no,hotkeys=no,status=no");
      }
      else
      {
        window.open("sanni1.htm","photo1","width=320,height=240,left=0,top=0,scrolling=no,locationbar=no,menubar=no,resizable=no,hotkeys=no,status=no");
      }
    }

Und als ich eben das "return false" eingegeben habe, ging das Foto leider gar nicht mehr zu öffnen..! Was nun?

Vielen Dank im Voraus! :)

[Struppi]

Und als ich eben das "return false" eingegeben habe, ging das Foto leider gar nicht mehr zu öffnen..! Was nun?

Wo hast du das return false eingebaut?
Es gehört ins HTML nicht in den JS Block.

Struppi.

[Sanni]

Hallo Struppi!

Hattes es (natürlich) in den JS Block eingebaut.
Aber jetzt hier:

<a href="#" class="nav" onClick="popPhoto1Up()"; return false onMouseOut="window.status=''; return false">
<img border="2" src="tn_sanni1.jpg" width="200" height="150"></a>

....funktioniert auch nicht!?!

[Struppi]

Hattes es (natürlich) in den JS Block eingebaut.
Aber jetzt hier:

<a href="#" class="nav" onClick="popPhoto1Up()"; return false onMouseOut="window.status=''; return false">
<img border="2" src="tn_sanni1.jpg" width="200" height="150"></a>

....funktioniert auch nicht!?!

Jetzt steht return false ausserhalb des onclick Events. Du willst ja kein HTML Atrribut neu erfinden.

<a href="#" onclick="popPhoto1Up();return false;" onMouseOut="window.status=''; return false">

übrigens dein HTML code ist ziemlich grausam, du könntest diesen ohne Probleme mit ein bisschen CSS auf 90% seiner jetzigen Größe eindampfen.

Auch für diese Popups brauchst du eigentlich nicht für jedes Bild eine eigene Funktion, es gibt z.b. das Skript lightbox (ist leicht zu finden) mit dem du sehr schön Thumbnail/Orginalbild Effekte erzielen kannst.

Struppi.

[Sanni]

Struppi, ich danke dir! Es funktioniert!

Mein HTML code...ja, ich weiss..! ;)
Ein Freund hat mir dieses Java-Script mal gegeben und seitdem bin ich drauf kleben geblieben. Aber ich werde mir dieses lightbox script mal anschauen! Dankeschön auf jeden Fall!!

Sanni  :)