Homepage selbermachen 7.850 Themen, 35.593 Beiträge

Verfolgung starten Optionen

Pop-up mit JavaScript

Sigi Saudi / 3 Antworten / Flachansicht Nickles
Hallo Java Script Freaks,
ich brauche jemanden, der mir weiterhilft.

Ich habe eine dia page mit html tables erstellt.
Innerhalb dieser page rufe ich javascript window.open auf, um das dia im format 640 px x 480 px anzuzeigen in einem pop-up window.
Das funktioniert auch, ich erhalte ein pop-up window mit dem bild.

Ich moechte dem pop-up nun aber einen kurzen Text hinzufuegen, der das Bild erlaeutert.
Ich koennte das ganze nun ganz normal ohne javascript erstellen als neue html file, aber ich moechte im gleichen programmablauf bleiben.
Meine Frage:
Wie sage ich javascript, eine box einzufuegen mit text auf der gerade nach dem unten gezeigten Muster geoeffneten bild-seite?
Die uebrigen parameter, die window.open noch zulaesst, helfen auch nicht weiter.

Hier mein programmablauf, bei dem ich die spitzen html klammern durch eckige ersetzte, damit Nickles den html code nicht uebersetzt:


[head]

................
................

[script language="JavaScript" type="text/javascript"]

function insertImg()
{
window2=window.open("","pictwin", 'width=665,height=515,scrollbars=no, resizable=yes');
window2.moveTo(225,150);
window2.focus();
}

[/script]

..............
..............

[/head]

.............
.............

[body]

.............
.............

[td]
[a href="slides2/riverside4.jpg" target="pictwin" onClick="insertImg()"] [!-- Bild im neuen Window --]
[img border="2" src="thumbs2/riverside4.jpg" alt="Bild 1" width="102" height="77"] [!-- Dia --]
[/a]
[/td]

................
................

[/body]

Gruesse aus Riyadh
SigiSaudi
Gruesse aus Wang Nam Kiaw / Thailand
bei Antwort benachrichtigen
Re: Pop-up mit JavaScript ... mr.escape
Sigi Saudi mr.escape „Re: Pop-up mit JavaScript...“
Optionen

Danke Mr. Escape.
Leider kriegte ich das nicht hin.
Es wurden mit dem code 2 fenster geoeffnet, eins durch window.open und eins durch die zeile mit html-head-title.

Mein problem ist:
Ich habe eine html 4.01 (zertifiziert) seite erstellt mit 32 slides 102 x 77 drauf
(http://myweb.saudi.net.sa/skaelbert/P-Bkk1/bkkslides.html)
Wenn ich auf eines der slides klicke, wird ueber javascript window.open ein neues Fenster geoeffnet und das bild wird 640 x 480 angezeigt. Das funktioniert.
Aber leider kann ich mit diesem System erlaeuterungen zu den bildern nur mit "alt" anzeigen und das ist recht duenne und funktioniert nicht mit Firefox. Deshalb wollte ich mein Javascript aufbohren und eine Box (tablezelle oder frame oder was auch immer) hinzufuegen mit einer kurzen erlaeuterung zu dem jeweiligen bild.
Ich koennte natuerlich auch fuer jedes der 32 bilder eine eigene html page entwickeln und ueber href anzeigen, aber das will ich mir nicht antun. Deshalb brauche ich eine javascript loesung.
Ich habe gestern bei "W3Schools Online Webtutorials" mir einen schnellkurs in javascript und DOM verpasst, aber da fand ich auch nicht, was ich suchte. Das einfuegen von bildern mit javascript verschweigt man dort schamvoll.
Ich habe mein Javascript nun experimentiell so modifiziert, dass in das neue window einen table mit 2 reihen generiert wird. In einem array mit 32 elementen habe ich meine erlaeuterungen gespeichert, die ich mit document.write in die untere table zeile bringe.
Meine Frage nun, wie speichere ich die src zeilen mit den links zu den grossen bildern formatkonform in einem array und wie bringe ich diese arrayzelleninhalte in die erste table zeile, um die bilder anzuzeigen?

So, wie im folgenden quellcode angezeigt, geht es nicht.


// [script type="text/javascript"]

// var x;
// var pictures = new Array();
// var comments = new Array();

// pictures[1] = "[img src='"http://myweb.saudi.net.sa/skaelbert/P-// Bkk1/thumbs2/riverside3.jpg"']";

// comments[0] = "Picture1";
// comments[1] = "Picture2";
// x=1;

// document.write("[table border=1 width=100");
// document.write("[tr][td]");
// document.write(pictures[x]);
// document.write("[/td][/tr]");
// document.write("[tr][td align=center]");
// document.write(comments[x]);
// document.write("[/td][/tr]");
// document.write("[/table]");
// [/script]

(ich musste hier alles zu kommentaren machen und spitze klammern durch eckige ersetzen, weil Nickles den code sonst zu uebersetzen versucht)

Meine anfrage, wie programmiere ich das richtig, dass ich ein Array mit gueltigen img src adressen habe, ein array mit den kommentaren und das ganze in einen table mit 2 rows bringe, das bild oben, den text unten.
Gruss aus der +4 grad warmen wueste
SigiSaudi




Gruesse aus Wang Nam Kiaw / Thailand
bei Antwort benachrichtigen
Hallo, Nach langem programmieren mit einigen irrwegen hab ich s nun ... Sigi Saudi