Grafik in neuem Fenster randlos öffnen
Sebastian Trippner
- javascript
Ich möchte gern über einen Link eine Grafik (oder eine HTML-Datei mit einer Grafik) in einem neuen Fenster öffnen. Dieses neue Fenster soll keinerlei Menüleisten, Scrollbars etc. besitzen. Soweit ist alles klar. Jetzt möchte ich aber, dass die Innengröße des Fensters genau dem der Grafik entspricht. Den HTML-Befehl zur Steuerung der Fensterinnengröße versteht aber leider nur der Netscape-Browser. Adobe GoLive bietet einen JavaScript an, der dies bewerkstelligt. Leider ist dieser kompliziert und für mich nicht nachvollziehbar. Kennt jemand eine einfachere Lösung (oder einen Link der weiterhilft)?
Danke!
Hallo,
die Anzeige von Rändern kannst du am einfachsten verhindern, indem du im neuen Fenster grundsätzlich eine HTML Seite lädst.
Ihr <body> Tag sollte dabei ungefähr so aussehen:
<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
Um eine Grafik in einem gleichgroßen Fenster anzuzeigen, habe ich folgenden Lösungsansatz entwickelt (vereinfacht):
Die Javascript Funktion:
function openImage(ImagePath, ImageWidth, ImageHeight) {
newBrowserWindow = window.open("openimage.php?path=" + ImagePath + "&width=" + ImageWidth + "&height=" + ImageHeight, "NewWindow", "width=" + ImageWidth + ",height=" + ImageHeight);
}
Die zu ladende Php Seite openimage.php :
<html>
<head>
<title>Vollbild-Ansicht</title>
</head>
<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<img src="<?php echo $HTTP_GET_VARS['path']; ?>" width="<?php echo $HTTP_GET_VARS['width']; ?>" height="<?php echo $HTTP_GET_VARS['height']; ?>" alt="">
</body>
</html>
Zusätzlich musst du eben noch sicherstellen, dass die angeforderte Datei auch wirklich existiert.
Ich hoffe, das hilft dir weiter.
Grüße,
Sebastian
Ich möchte gern über einen Link eine Grafik (oder eine HTML-Datei mit einer Grafik) in einem neuen Fenster öffnen. Dieses neue Fenster soll keinerlei Menüleisten, Scrollbars etc. besitzen. Soweit ist alles klar. Jetzt möchte ich aber, dass die Innengröße des Fensters genau dem der Grafik entspricht. Den HTML-Befehl zur Steuerung der Fensterinnengröße versteht aber leider nur der Netscape-Browser. Adobe GoLive bietet einen JavaScript an, der dies bewerkstelligt. Leider ist dieser kompliziert und für mich nicht nachvollziehbar. Kennt jemand eine einfachere Lösung (oder einen Link der weiterhilft)?
Danke!
Hallo Sebastian,
probier mal das hier (zuvor Zeilenumbrüche entfernen, falls notwendig):
<html><head></head><body>
<SCRIPT language="JavaScript">
function ShowPic(aSrc, aWidth, aHeight, aTitle)
{ picwin=window.open("","PicWindow","width="+aWidth+",height="+aHeight+",menubar=no,locationbar=no,resizable=yes,status=no,scrollbars=no");
with (picwin.document)
{ open();
writeln("<html><head><title>"+aTitle+"</title></head>");
writeln("<body leftmargin=0 topmargin=0>");
writeln("<img src='"+aSrc+"' width="+aWidth+" height="+aHeight+">");
writeln("</body></html>");
close();
}
}
ShowPic("http://forum.de.selfhtml.org/src/logo.gif", 400, 400, "SELFHTML-Logo");
</SCRIPT>
</body></html>
Gruß Lutz