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!

T.dot · 25.12.2004, 23:15

sers!

also laut selfhtml:
http://de.selfhtml.org/javascript/objekte/frames.htm

müsste das funktioneren, wenn du von einem auf ein anderes frame zugreifst.
parent.NameDesFrames.images["pic"].src=bild

wies mit iframes ausscheit, weiß ich nicht... sonst musst es halt auch ne frameset seite umstricken.

du kannst aber auch ein div mit scrollbalken machen, zumindest wurde sowas in der art bereits im forum behandelt

mfg Thomas

Satan_666 · 27.12.2004, 10:36

Danke, T.dot - der Tipp mit den Scrollbalken im <div> hat zum Erfolg geführt. Gefällt mir sogar besser als meine Lösung....

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.

27.12.2004, 10:36	#3
Satan_666 Inventar Registriert seit: 03.09.2000 Beiträge: 4.010	Danke, T.dot - der Tipp mit den Scrollbalken im <div> hat zum Erfolg geführt. Gefällt mir sogar besser als meine Lösung.... ____________________________________ 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.

25.12.2004, 23:15	#2
T.dot Master Registriert seit: 13.08.2003 Beiträge: 624	sers! also laut selfhtml: http://de.selfhtml.org/javascript/objekte/frames.htm müsste das funktioneren, wenn du von einem auf ein anderes frame zugreifst. parent.NameDesFrames.images["pic"].src=bild wies mit iframes ausscheit, weiß ich nicht... sonst musst es halt auch ne frameset seite umstricken. du kannst aber auch ein div mit scrollbalken machen, zumindest wurde sowas in der art bereits im forum behandelt mfg Thomas

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