nicht angemeldet
Hallo Leute
morgen,
mit unten dargesteltem Skript öffne ich ein Fenster bei mouseover.
Mein Problem - wie schaffe ich es, das das zu öffnende Fenster nicht mit "width=200,height=300" geöffnet wird, sondern je nach anzuzeigendem inhald der Datei/Grafik.
ist von einer deutschen seite, die ich nicht mehr finde, aber womoeglich hilft dir das weiter:
<head>
<script language="JavaScript1.2">
<!--
// noch kein großes Fenster geöffnet
var groesser=null;
function bildGross(bildUrl,breite,hoehe)
{
// Preload für Opera
preload=new Image();
preload.src=bildUrl;
// Fenstergrösse festlegen
var fenster_property = "width=" + breite + ",height=" + hoehe + ",resizable=0";
// Variablen für Platzierung auf Bildschirmmitte
var abstand_links = Math.ceil((screen.width - breite) / 2);
var abstand_oben = Math.ceil((screen.height - hoehe - 40) / 2);
// 40=ca.-Faktor für Rahmen und Titelleiste
// evtl. bereits vorhandenes Fenster schließen
if (groesser != null)
if (!groesser.closed) groesser.close();
// auf Bildschirmmitte plazieren über Propertys (screenX/Y für NN, left/top für IE)
fenster_property += ",screenX=" + abstand_links + ",screenY=" + abstand_oben
+",left=" + abstand_links + ",top=" + abstand_oben;
// Fenster öffnen
groesser=window.open("","bild",fenster_property);
// Quellcode für Fenster erzeugen
groesser.document.open("text/html");
groesser.document.writeln("<!doctype html public '-//W3C//DTD HTML 4.01 Transitional//EN'> ");
groesser.document.writeln("<html> ");
groesser.document.writeln(" <head> ");
groesser.document.writeln(" <title>Grossansicht</title> ");
groesser.document.writeln(" <meta http-equiv='content-type' content='text/html;charset=ISO-8859-1'> ");
groesser.document.writeln(" </head> ");
groesser.document.writeln(" ");
groesser.document.writeln(" <body leftmargin='0' topmargin='0' marginwidth='0' marginheight='0'> ");
groesser.document.writeln(" <a href='javascript:close()'> ");
groesser.document.writeln(" <img src='" +bildUrl+ "' alt='Fenster schließen!' border=0 hspace=0 vspace=0>" );
groesser.document.writeln(" </a> ");
groesser.document.writeln(" </body> ");
groesser.document.writeln("</html> ");
groesser.document.close();
groesser.focus();
}
// beim Verlassen des Dokuments evtl. vorhandenes Fenster schließen
function fensterSchliessen()
{
if (groesser != null)
if (!groesser.closed) groesser.close();
}
// -->
</script>
</head>
damit aufrufen:
<a href="maschine.jpg" target="_top"
onClick="bildGross('bild.jpg',300,500);return false">
<img src="tn_bild.gif" width=84 height=140 border=0
alt="Klicken um das Bild größer zu sehen!">
</a>
cheers, dm