Frage zu javascript

Satan_666 · 25.12.2004, 20:56

hi!

folgendes problem quält mich derzeit:

in einem frame namens 'inh' hatte ich bisher - unter anderem - 2 <div>-blöcke definiert. im ersten hatte ich eine reihe von thumbs angezeigt, das andere beinhaltete ein <img> mit dem namen 'pic'. mein ziel: beim klick auf ein thumb sollte das image das gewählte original-bild anzeigen. erreicht habe ich das mittels folgenden javascript-codes:

function bw(bild) {window.document.images["pic"].src=bild;}

so, und jetzt ist es mir am geist gegangen, dass beim scrollen im frame immer das bild rausgescrollt ist. also habe ich mir gedacht, ich packe die thumbs nicht direkt in den <div>-block, sondern ich kapsle das ganze in ein eigenes html-dokument und zeige dieses mittels eines <iframe> an. der name des iframes ist thumbs.

das problem: meine javascript-kenntnisse gehen gerade mal so weit, dass ich bestehende vorlagen interpretieren und für meine zwecke angepassen kann. nur: wie sage ich dem javascript-interpreter, dass ich das image im <div> mit dem namen 'pic' ein anderes bild zuweisen möchte? obiger javascript-code führt jetzt zu einem fehler 'window.document.images.pic' ist Null oder kein Objekt....

zwecks besseren verständnis hier die relevanten code-zeilen:

inh.html
========
<div style="position:absolute;top=140px;left=10px;width =190px">
<iframe src="thumbs.html" name="thumbs" width="190" height="450" border="0"
frameborder="0" framespacing="0" scrolling="yes"/>
</div>
<div style="position:absolute;top:140px;left:200px;widt h:450px">
[img]b.gif[/img]
</div>

thumbs.html
===========
<body class="o">
<p align="center">
[img]vfoto001.jpg[/img]

[img]vfoto002.jpg[/img]

[img]vfoto003.jpg[/img]

[img]vfoto004.jpg[/img]

[img]vfoto005.jpg[/img]

[img]vfoto006.jpg[/img]

[img]vfoto007.jpg[/img]

[img]vfoto008.jpg[/img]
</p>
</body>

sorry, wenn ich euch damit quäle - und ein herliches danke für jeden hinweis!

25.12.2004, 20:56	#1
Satan_666 Inventar Registriert seit: 03.09.2000 Beiträge: 4.010	Frage zu javascript hi! folgendes problem quält mich derzeit: in einem frame namens 'inh' hatte ich bisher - unter anderem - 2 <div>-blöcke definiert. im ersten hatte ich eine reihe von thumbs angezeigt, das andere beinhaltete ein <img> mit dem namen 'pic'. mein ziel: beim klick auf ein thumb sollte das image das gewählte original-bild anzeigen. erreicht habe ich das mittels folgenden javascript-codes: function bw(bild) {window.document.images["pic"].src=bild;} so, und jetzt ist es mir am geist gegangen, dass beim scrollen im frame immer das bild rausgescrollt ist. also habe ich mir gedacht, ich packe die thumbs nicht direkt in den <div>-block, sondern ich kapsle das ganze in ein eigenes html-dokument und zeige dieses mittels eines <iframe> an. der name des iframes ist thumbs. das problem: meine javascript-kenntnisse gehen gerade mal so weit, dass ich bestehende vorlagen interpretieren und für meine zwecke angepassen kann. nur: wie sage ich dem javascript-interpreter, dass ich das image im <div> mit dem namen 'pic' ein anderes bild zuweisen möchte? obiger javascript-code führt jetzt zu einem fehler 'window.document.images.pic' ist Null oder kein Objekt.... zwecks besseren verständnis hier die relevanten code-zeilen: inh.html ======== <div style="position:absolute;top=140px;left=10px;width =190px"> <iframe src="thumbs.html" name="thumbs" width="190" height="450" border="0" frameborder="0" framespacing="0" scrolling="yes"/> </div> <div style="position:absolute;top:140px;left:200px;widt h:450px"> [img]b.gif[/img] </div> thumbs.html =========== <body class="o"> <p align="center"> [img]vfoto001.jpg[/img] [img]vfoto002.jpg[/img] [img]vfoto003.jpg[/img] [img]vfoto004.jpg[/img] [img]vfoto005.jpg[/img] [img]vfoto006.jpg[/img] [img]vfoto007.jpg[/img] [img]vfoto008.jpg[/img] </p> </body> sorry, wenn ich euch damit quäle - und ein herliches danke für jeden hinweis! ____________________________________ Für ein friedliches Zusammenleben im Forum werde ich ab sofort keine Trolle mehr füttern, und zwar unabhängig von der Sinnhaftigkeit ihrer Wortmeldungen.

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)