Verweisziel in definierter Fenstergröße öffnen

[Olaf]

Hallo zusammen

Ich möchte gerne das sich bei einem Verweis ein Fenster in definierter Größe öffnet.
Konkret soll das so aussehen, dass wenn ich auf eine Miniaturansicht klicke, ein neues Fenster gestartet werden soll, welches nur so groß startet wie es für die Größe der Grafik erforderlich ist.

Hier auf meiner Testumgebung ist das zu sehen: Klick hier

Ich hatte bei Selfhtml geschaut und ein Script entdeckt: Klick

Leider bekomme ich das nicht umgesetzt. Vielleicht kann mir da jemand beim Quelltext helfen:

<script type="text/javascript">
function popup (url) {
 fenster = window.open(url, "Popupfenster", "width=800,height=540,resizable=yes");
 fenster.focus();
 return false;
}
</script>

<a href="http://website-forum.info/images/travel/testkarte.jpg" target="_blank"><img class="linkeseite" style="border: 0px solid ; width: 280px; height: 187px;" alt="Karte" title="Karte" src="http://website-forum.info/images/travel/testkarte-mini.jpg"></a>

P.S Wenn es anders als mit dem Javascript zu lösen wäre, hätte ich da auch kein Problem mit

[Schorschi]

Hi Olaf,
anscheinend hast du nicht alt so viele Kenntnisse von JavaScript.
Ich zwar auch nicht, aber ich sehe das Problem.

Du hast oben eine funktion popup(url) .. die durch window.open mit den angegebenen Parametern für Höhe und Breite ein Popup Fenster öffnet mit der Zielurl die du in der Funktion angibst.
Aber in deinem HTML Code verwendest du die Funktion nicht!

Damit die funktion mit der angegebenen url funktioniert brauchst du einen Event-Handler. In deinem Fall sollte es: onclick() sein.

Also würde dein Code ungefähr so aussehen (ungetestet, müsste aber eigentlich funktionieren):

<script type="text/javascript">
function popup (url) {
 fenster = window.open(url, "Popupfenster", "width=800,height=540,resizable=yes");
 fenster.focus();
 return false;
}
</script>

<a href="#" onclick="popup('http://website-forum.info/images/travel/testkarte.jpg');"><img class="linkeseite" style="border: 0px solid ; width: 280px; height: 187px;" alt="Karte" title="Karte" src="http://website-forum.info/images/travel/testkarte-mini.jpg"></a> 

Gruß Schorschi

[Olaf]

Hallo Schorschi,

vielen Dank für Deine Antwort. Von Javascript habe ich leider gar keine Ahnung Ich habe das jetzt mal so umgesetzt: Klick

<script type="text/javascript">
function popup (url) {
 fenster = window.open(url, "Popupfenster", "width=800,height=540,resizable=yes");
 fenster.focus();
 return false;
}
</script>

<a href="#" onclick="popup('images/travel/testkarte.jpg');"><img class="linkeseite" style="border: 0px solid ; width: 280px; height: 187px;" alt="Karte" title="Karte" src="images/travel/testkarte-mini.jpg"></a>

Soweit klappt es, aber leider wird die Karte bei abgeschaltetem Javascript im Browser nun gar nicht mehr geöffnet. Ich hatte gehofft man kann es so umsetzten, dass wenn jemand kein Javascript aktiviert hat, zu mindestens ein Vollfenster gestartet wird. Kann man so etwas auch einrichten?

[lig_80]

Einfach mal durchlesen: JavaScript als Ersatz für target (Links öffnen im neuen Fenster) [barrierefreies-webdesign.de] alles bestens erklärt.

[Olaf]

Hallo Daniel,
vielen Dank für Deinen Link. Ich hatte es zwischenzeitlich anders gelöst, werde mir aber Dein Beispiel einmal durchlesen.