Der Dicki: Bilder in PopUp-Vorlage anzeigen

Beitrag lesen

Hallihallo!

Man kann Variablenübergaben an eine URL mit dem Suchstring realisieren.

Dazu ändert man unwesentlich die links folgendermaßen ab:

<a href="#" onClick="window.open('../popup/bildgross.html?bild1.jpg&TiteldesBildes','NewWindow', [...angabe zu position/abmessungen u.dgl...])">

Mehrere Variablen kann man demnach innerhalb eines Suchstrings durch das "&" voneinander trennen.

Zum Auslesen packst Du in die popup.html noch ein kleines Javascript rein, welches folgendes tut:

  1. den Suchstring komplett aufteilen.
       wiewowas = document.location.search;

  2. Die Position des "&" innerhalb des "wiewowas" bestimmen:
       {link:http://selfhtml.teamone.de/javascript/objekte/string.htm#index_of]

Der linke Teil vom "&" ist ja die BildURL, der rechte Teil ist der Bildtitel.

  1. Die BildURL auslesen: (den teil links von "&" bestimmen)
      <http://selfhtml.teamone.de/javascript/objekte/string.htm#substring}

  2. den rechten Teil von "wiewowas" bestimmen, und zwar ab der ersten Stelle nach dem "&":
       [link:http://selfhtml.teamone.de/javascript/objekte/string.htm#substring>
      in Verbindung mit
       http://selfhtml.teamone.de/javascript/objekte/string.htm#length

  3. Dafür sorgen, daß das Bild angezeigt wird:
       http://selfhtml.teamone.de/javascript/objekte/images.htm#src

  4. Den Dokumententitel ändern (Das war der rechte Teil von "wiewowas")
       [http://selfhtml.teamone.de/javascript/objekte/document.htm#title]
       (Funktioniert nur im NN und im IE! Alternativ kann man den Teil auch schön formatiert direkt über dem Bild ausgeben)

  5. Fertig.

Ich hoffe, ich konnte Dir mit den vielen links ein Wenig helfen.....

Viele liebe Grüße,
Der Dicki