Pop-Up durch Mausklick bei aktueller Position der Maus bzw. abhängig zum Dokument

[Brezelkopf]

Hallo,
bei einer bestehenden Bildergalerie auf einer Seite öffnet sich beim Anklicken eines kleinen Bildes ein Pop-Up mit einer HTML-Seite, welches ein größeres Bild beinhaltet, die Position wird dabei mit left=Zahlenwert und top=Zahlenwert festgelegt.

Das kleine Bild ist also gleichzeitig ein Link mit einem onclick-Attribut und folgendermaßen eingebaut:

onclick="winLaunch('detail/0001.html','foto','foto','status=yes,width=400,height=280,left=250,top=200')"

(nur zur Vollständigkeit: winLaunch ist in scripts.js extra definiert:

function winLaunch(theURL,winName,targetName,features) { 
eval(winName+"=window.open('"+theURL+"','"+targetName+"','"+features+"')")
}

)
Wie kann ich nun am einfachsten anstatt wie im obigen Beispiel "left=250, top=200" absolute Werte festzulegen die sich auf den Bildschirm beziehen, das Pop-Up genau an der Stelle sich öffnen lassen, an der die Maus sich beim Anklicken befindet oder auch an der Stelle, wo sich das kleine Bild im Dokument gerade befindet (diese Stelle wäre ja im Voraus bekannt)? Das ganze muss nicht dynamisch sein, das heißt ich könnte für sämtliche Bilder die Position auch absolut im Voraus angeben (da es nicht viele Bilder sind).
Das Problem ist jedoch, wenn ich dies für alle Bilder im Voraus mit top und left mache, erscheint das Pop-Up wenn die Seite weiter nach unten gescrollt nicht mehr an der richtigen Stelle, da top und left sich eben auf den Bildschirm bezieht.

 

[crash]

Du musst die Bildposition bezogen auf den Viewpoint ermitteln.

Die Funktion könnte dabei helfen: [email protected] - javascript-q.git/blob - snippets/getRealPos.js du musst nur scrollHeight/scollWidth abziehen um den Abstand zum Viewpoint zu erhalten.

Echt übel, dass du um window.open aufzurufen eval() brauchst.

 

[Brezelkopf]

Vielen Dank erstmal!
Ja, habe das selbst nicht gemacht und auch keine Ahnung von JavaScript. Das ist eh nur für private Zwecke und suche nach der einfachsten Möglichkeit, das halbwegs umzusetzen ohne den Programmcode großartig zu verändern.

 

[Brezelkopf]

Kann mir vielleicht noch jemand sagen, wie ich den X-bzw. Y-Wert, den die Funktion getRealPos liefert, in die onclick-Zeile einbaue? Also womit genau muss ich die Zahlen bei left und top ersetzen und kann ich scrollHeight und scollWidth dann direkt mit "-" abziehen oder muss ich das bereits in die getRealPos-Funktion am Ende reinschreiben?

Besten Dank.