nicht angemeldet
dynamisch dokumente erzeugen (für bilder)
hallo forum,
also da bin ich langsam am verzweifeln, das problem schien mir sooo
einfach und nun sitze ich hier schon stundenlang, es will mir einfach
nicht (mehr?) einfallen.
beschreibung: ich habe einige html-dateien mir thumbnails, von denen
jeweils eine innerhalb eines frameset eingebaut ist. in diesem frame-
set ist auch noch ein gr. bereich für die "richtigen" bilder frei bzw.
ein frame dafür vorgesehen.
problem: ich brauche jetzt eine einfache js-funktion, die mir unter
beachtung versch. parameter (alt-text, width, height und eventuell
noch eine bildunterschrift) dynamisch ein dokument generiert, je
nachdem welches der thumbnails ich anklicke und dieses neue dokument
dann im den grossen frame anzeigt.
klingt eigentlich so simpel, und ist es auch, aber wie schon gesagt,
ich schaff‚s nicht :(
danke, nikita
anmerkung:
kleine skizze der situation
_______________________________
kleiner
gr. frame frame
(inhalt) (navi)
mit den
-für gr. bilder thumbs
____________________________
-
Hallo nikita!
problem: ich brauche jetzt eine einfache js-funktion, die mir unter
beachtung versch. parameter (alt-text, width, height und eventuell
noch eine bildunterschrift) dynamisch ein dokument generiert, je
nachdem welches der thumbnails ich anklicke und dieses neue dokument
dann im den grossen frame anzeigt.Dieses Script ist ein Ansatz. Du mußt sicherlich noch einen Feinschlief vornehmen, inventuell vergessene Anführungszeichen usw.. Kann auch sein das es nicht funktioniert. Ich habe es nicht probiert, weil es etwas zu streßig ist, alles dafür vorzubereiten.
Wenn man auf das erste Thumbnail klickt, wird die 0 an die Funktion übergeben. Die Funktion übergibt die 0 dann an das Script, bzw. an x. Dadurch werden jeweils die Angaben/Werte aus den Arrays der ersten Stelle übergeben.
<!-- JS ins Frameset 2 also frames[1]-->
<html>
<head><script language="JavaScript">
<!--var bild = new Array("bildg1.gif", "bildg2.gif", "bildg3.gif", "bild4.gif");
var height = new Array(300,300,300,300);
var width = new Array(400, 400, 400, 400);
var alt = new Array("eins", "zwei", "drei", "vier");
var drunter = new Array("blabla1", "blabla2", "blabla3", "blabla4")function tumb(x)
{parent.frames[0].document.open()
parent.frames[0].document.writeln("<html><body>")
parent.frames[0].document.writeln("<img src=""+bild[x]+"" width=""+width[x]+"" height=""+height[x]+"" border="0" alt="" +alt[x]+ ""><br>");
parent.frames[0].document.writeln(drunter[x])
parent.frames[0].document.writeln("</body></html>")
parent.frames[0].document.close()}
//-->
</script></head>
<body>
<a href="javascript:tumb(0)"><img src="bildk1.gif"></a>
<a href="javascript:tumb(1)"><img src="bildk1.gif"></a>
<a href="javascript:tumb(2)"><img src="bildk1.gif"></a>
<a href="javascript:tumb(3)"><img src="bildk1.gif"></a></body>
</html>mfg, André