Pop-up mit JavaScript

Homepage selbermachen 7.851 Themen, 35.616 Beiträge

Pop-up mit JavaScript

Sigi Saudi am 01.02.2008, 11:45 / 3 Antworten / Flachansicht

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

Re: Pop-up mit JavaScript ... mr.escape 01.02.2008, 23:24

Danke Mr. Escape. Leider kriegte ich das nicht hin. Es wurden mit dem code 2 ... Sigi Saudi 03.02.2008, 05:39

Sigi Saudi Nachtrag zu: „Pop-up mit JavaScript“

03.02.2008, 16:34 Optionen

Hallo,
Nach langem programmieren mit einigen irrwegen hab' ich's nun gefunden.
Das probelisting unten funktioniert. Ich habe allerdings alle spitzen klammern durch eckige ersetzt, weil Nickels den code sonst uebersetzt.
Wenn man auf den button klickt, der per html generiert wird, wird ein bild aus dem Array eingesetzt in die obere Reihe des tables und der dazugehoerige text aus dem anderen array mit gleichem index erscheint in der unteren reihe des tables.
Das kann ich nun fuer meine show mit den 32 slides verwenden und ausloesen durch einen klick auf das slide, das vergroessert angezeigt werden soll (schon probiert)

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

/*
function insImag()
{
var x;
var pictures = new Array();
var comments = new Array();

pictures[0] = "http://myweb.saudi.net.sa/skaelbert/P-Bkk1/slides2/gmount.jpg";

pictures[1] = "http://myweb.saudi.net.sa/skaelbert/P-Bkk1/slides2/gmountchedi.jpg"

comments[0] = "Der Golden Mount, goldener Berg, ein künstlicher Hügel in Bangkok in der Nähe des Menam Chao Phrya, bebaut mit dem Wat Pu Khautong, den das Bild zeigt.";

comments[1] = "Wat Pu Khautong ist von einem goldenen Chedi (turmartige Spitze) gekrönt von dem das Bild die Spitze zeigt. Der goldene Chedi gab dem Hügel den Namen 'Golden Mount'";
x=0;

document.write("[table border=1 width=100]");
document.write("[tr][td]");

document.write('[img src="' + pictures[x] + '" width="640" height="480" alt="Test" /]');

document.write("[/td][/tr]");
document.write("[tr][td align=center]");
document.write(comments[x]);
document.write("[/td][/tr]");
document.write("[/table]");

/*alert(document.images[0].src);*/
}

*/
[/script]
[/head]

[body]
[form]
[input type="button" value="Open Image" onclick="insImag()"]
[/form]

[/body]

[/html]

Die eckigen klammern muessten durch spitze klammern ersetzt werden.
Aber der code arbeitet.

Eine frage:
Wie verhindere ich, dass Nickles einen einkopierten html oder javascript code uebersetzt? Wie zeige ich code als normalen text an?

Gruesse aus Riyadh
SigiSaudi