✔ Bild mit fester Größe in einem neuen, zentrierten Fenster mit passenden Maßen öffnen.

[preko]

Hi,

ich habe das Problem, dass ich per Javascript ein Bild in einem neuen Fenster anzeigen lassen möchte. Dabei soll das neu zu öffnende Fenster die Bildgröße (welche immer B x H: 400 x 300 px hat) passend darstellen, d. h. es sollen die Bildmaße als Fenstergröße definiert werden.

Ich habe es auch hiermit probiert, was fast den gewünschten Erfolg brachte, bis auf die Tatsache, dass das ursprüngliche Fenster auf weiß schaltet mit der Beschriftung [objekt] - das neue Fenster ist jedoch von der Größe und Positionierung o.k.:

<a href="javascript:window.open('images/1_400px.jpg','Foto','width=400,height=300,top=100,left=100,location=no,menubar=no,resizable=no,scrollbars=no,status=no,toolbar=no')"><img src="images/1_75px.gif" width="75" height="56" alt="Foto Nr. 1"></a>

Da ich nun über 1 Stunde gesucht und rumprobiert habe, versuche ich es auf diesem Wege Hilfe zu erfragen, da alle Versuche bis dato keinen zufriedenstellenden Erfolg brachten.

Ich arbeite mit PHP und hatte mit JavaScript bisher nicht zu tun, daher bitte ich um DAU taugliche Tipps.


Beste Grüße,
preko

 

[preko]

Bin selbst darauf gekommen, dass es so heissen muß, damit es funktioniert:

<a href="#" onclick="javascript:window.open('images/1_400px.jpg','new','width=400,height=300,location=no,menubar=no,resizable=no,scrollbars=no,status=no,toolbar=no')">)"><img src="images/1_75px.gif" width="75" height="56" alt="Foto Nr. 1"></a>

Beste Grüße,
preko

 

[con-f-use]

Und wenn du's so machst, können auch noch leute ohne Javascript den Link öffnen.

<a href="http://www.tutorials.de/forum/images/1_400px.jpg" 
onclick="window.open(this.href,'new','width=400,height=300,location=no,menubar=no,resizable=no,scrollbars=no,status=no,toolbar=no'); return false"><img src="http://www.tutorials.de/forum/images/1_75px.gif" width="75" height="56" alt="Foto Nr. 1" /></a>

Ganz nebenbei: In onclick events darf keine "javascript:" stehen. Alle Events sind schon per Definition Javascript, das braucht man ihnen nicht extra sagen. Alles andere fürht in einigen Browsern zu fehlern. "javascript:" ist nur für href-Tags in Links oder andere URLS gedacht.

 

[fanste]

Könnte es sein, dass das "return false;" eigentlich in den onClick Handler gehört und nicht in den img-Tag?

 

[con-f-use]

Ja, natürlich, sorry. Habe wohl ein bisschen die Übersicht bei dem lagen window.open() verloren. Ist jetzt verbessert

 

[preko]

Herzlichen Dank für die Tipps!

Beste Grüße,
preko