✔ IFrame mit Javascript aufruf

D

Dontron

Grünschnabel
Ich habe mal ne Frage, beschäftige mich jetzt mit HMTL und Javascript...
Klar eigentlich sonst wäre ich wohl nicht hier... :-) Und Ja ich bin Änfänger...
Nun folgendes...
Ich auf meiner Seite ein Iframe Fenster eingebaut. In dem Bilder angezeigt werden sollen.
<td width="300"><iframe src="Webdsgnk.gif" id="Framefenster" name="Framefenster" crolling="no" marginheight=0 marginwidth=0 align="center" cellspacing="0" cellpadding="0" width="300" ;="" height="150"> Wenn ein Browser diese nicht interpretieren kann, dann wird statt des eingebetteten Frame dieser Hinweistext sichtbar. </iframe>

Soweit so gut, nun möchte ich aber in diesem Fenster andere Bilder aufrufen...
Das funktioniert nur nicht.
Über einen Button vor umgenau zu sein...
Zugehörige Funktion und Variablen
var dropimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
dimages[0]="Org1/image1.gif"
dimages[1]="Org1/image4.gif"
dimages[2]="Org1/image5.gif"
dimages[3]="Org1/tester4.gif"
dimages[4]="Org1/west4.gif"
dimages[5]="Org1/colder.gif"
var preloadedimages=new Array()
for (p=0;p<dimages.length;p++)
{
preloadedimages[p]=new Image()
preloadedimages[p].src=dimages[p]
}
function BildVor()
{
if (z==4) z=0
else z=z+1
document.write('<img src="'+dimages[z]+'">')
}
Wie rufe ich die Funktion auf, das ich das Bild, bzw die Bilder in dem IFrame geladen bekomme..
Ich habe mich jetzt durch dutzenden von Seiten und foren gequält, aber keine funktionierende Lösung gefunden also dachte ich frage ich mal direkt...
Die Aufrufe hatte ich versucht...
<a target="Framefenster" href="#" onClick=BildVor()>Vor>></a>
<a target="Framefenster" href="Javascript:BildVor()">Vor>></a>

Das klappt alles nicht hatte auch versucht das in der Funktion einzusetzen...
document.write('target="Framefenster" <img src="'+dimages[z]+'">')
aber auch das funktionierte nicht.. Ich bin anfänger also bitte helft mir und bitte auch so das ich es verstehe..
Danke für eure hilfe...
 
Hi,

da du die Bilder aus dem Hauptdokument heraus ändern willst, musst du den iFrame gezielt ansprechen.
Code: 
parent.frameName.document.write();
frameName enthält hierbei den Namen, den der iFrame im name-Attribut zugewiesen bekommen hat.

Damit das auch in Mozilla-Engines funktioniert, muss das iFrame-Dokument mit den Methoden
open/close zum Schreiben geöffnet/geschlossen werden.

Versuch es mal mit folgendem Beispiel.
HTML: 
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
  <!--
var dimages = new Array()
var z = 0;

//SET IMAGE PATHS. Extend or contract array as needed
dimages[0]     = new Image();
dimages[0].src = "Org1/image1.gif";
dimages[1]     = new Image();
dimages[1].src = "Org1/image4.gif"
dimages[2]     = new Image();
dimages[2].src = "Org1/image5.gif"
dimages[3]     = new Image();
dimages[3].src = "Org1/tester4.gif"
dimages[4]     = new Image();
dimages[4].src = "Org1/west4.gif"
dimages[5]     = new Image();
dimages[5].src = "Org1/colder.gif"

function BildVor(){
	if (z==2)
  	z=0;

  // iFrame-Dokument öffnen und gewünschtes Bild einfügen
	parent.frameTest.document.open();
  parent.frameTest.document.write("<img src=\"" + dimages[z].src + "\" />");
  parent.frameTest.document.close();

  z++;
}
 //-->
</script>
</head>
<body>
<button onclick="BildVor()">vor</button>
<iframe src="Org1/imgage0.jpg" name="frameTest" height="300" width="400"></iframe>
</body>
</html>
Ciao
Quaese
 
Hallo Quaese,
vielen Dank für deine schnelle Hilfe.
Das war super erklärt und für mich auch verständlich.
Mein Fehler war also, dass ich das Dokument.write... nicht auf den Parentframe bezogen habe... Das habe ich vorher nicht verstanden, habe zwar immer den Namen nicht jeodhc die Parent Form benutzt. Super Anwort hast mir sehr geholfen
Danke :)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück