Nightfire Webworker Archiv - JavaScript

[NewWin]

Mit diesem Script können Sie Grafiken durch Klicken auf das Thumbnail in voller Grösse in einem neuen Fenster anzeigen lassen. Das Fenster lässt sich danach mittels Mouseclick wieder schliessen.

[zwischen <BODY> und </BODY>]

function Wechsel(zaehler)
{
zeige = zaehler;

  Fenster=window.open("image.htm","Fenster1","width=310,height=400,screenX=0,screenY=0");
  Fenster.focus();
  Fenster.document.open();
  Fenster.document.write('<HTML><HEAD><TITLE>Bild</TITLE></HEAD><BODY>');
  Fenster.document.write('<center><IMG SRC="'+Bild[zeige].src+'"></center>');
  Fenster.document.write('<p><center><a href="javascript:window.close()">Fenster schliessen</a>');
  Fenster.document.write('</BODY></HTML>');
  Fenster.document.close();
}
//-->
</script>

Aufruf des Scripts

[Erläuterungen zum Script]

Als erstes wird ein Array erzeugt: var Bild = new Array(9); Hierbei muss angegeben werden, wieviele Grafiken das Array umfassen soll, hier im Beispiel also 9.

Mit Bild[0] = new Image(); Bild[0].src="img/camel1g.jpg"; werden nun die Grafiken definiert. Hierbei ist zu beachten, dass die erste Grafik mit 0 beginnt, etc... Bei der Quelle der Grafik können relative wie auch absolute Pfade verwendet werden.

In der Funktion Wechsel wird erst der Zähler definiert.

function Wechsel(zaehler)
{
zeige = zaehler;

Mit Fenster=window.open("image.htm","Fenster1","width=310,height=400,screenX=0,screenY=0"); wird ein neues Fenster geöffnet. Hierbei wird die aufzurufende HTML-Seite angegeben. Diese Angabe ist eigentlich unsinnig, weil die eigentliche Seite mit dem Script erstellt wird. Die Angabe eines leeren Strings führt jedoch beim IE zu einer Fehlermeldung. Fenster1 bestimmt den Fensternamen, der frei gewählt werden kann, danach werden die Fenstermasse bestimmt.

Mit dem Befehl Fenster.focus(); wird das neu erzeugte Fenster zum aktiven Fenster gemacht.

Mit Fenster.document.open(); wird das neu erzeugte Fenster zum Beschreiben geöffnet.

Mit Fenster.document.write('.....'); wird der eigentliche Fensterinhalt geschrieben. Hierbei kann es sich um Text oder auch um HTML- und/oder JavaScript-Code handeln.

Am Ende muss der Schreibvorgang mit Fenster.document.close(); abgeschlossen werden.

Die Funktion kann über einen Link <a href="javascript:Wechsel(0)">....</a> aufgerufen werden, wobei die Zahl in der Klammer dem Array-Wert des Bildes entsprechen muss.

[]

N8i (www.nightfire.ch)

[]