Archivlink: javarea.de Forum > JavaScript > Text aus iFrame in darüber liegenede Seite übertragen.
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Text aus iFrame in darüber liegenede Seite übertragen.

Pages: [1]
geschrieben von Herbert1204 am 05.02.2010 - 03:16
Hallo
Ich habe eine Seite mit einem iFrame und einem Textfeld erstellt. In dem iFrame befindet sich ein Textfeld mit einem Button. Nun soll aus dem iFrame heraus die Eintragung vom Textfeld in die darüber liegende Seite in ein Textfeld übertragen werden. Dafür habe ich das Script Formular mit Fenstercheck für meine Wünsche etwas umgeschrieben.
Kann jemand das Script für mich ändern? Schon einmal Vielen Dank im Voraus.

Hier das Script für die iFrameseite:


<iframe name="Auswahl-Fensterlein" width="60%" height="100" src="Fenstercheck.htm" scrolling="no" marginheight="0" marginwidth="0" frameborder="0">
</iframe>
<body bgcolor="yellow">

<p>&nbsp;</p>

<input type=text style="width:325px;">








Hier das Script für die Seite die im iFrame angezeigt wird:



<script language="JavaScript">
<!--
function bestaetigung() {

var name=document.mail.Name.value

daten=" " + name + ""

neu= open();
kette= neu.document;
kette.open();
kette.write ("<textarea rows=1 cols=20>");
kette.write(daten);
}
// -->
</script>


<form name="mail">

<table cellspacing="0" width="700" bordercolordark="white" bordercolorlight="black">
<tr>
<td width="100">
<p>&nbsp;</p>
</td>
<td width="300">
<p>&nbsp;<p>
</td>
<td>
<p>&nbsp;<p>
</td>
</tr>
<tr>
<td width="100">
<p>&nbsp;</p>
</td>
<td width="300">
<input name="Name" style="width:325px;">
</td>
<td>
<input type=button onclick="bestaetigung()" value="Mail abschicken" style="width:110">
</td>
</tr>
</table>


</form>

geschrieben von Danny am 05.02.2010 - 20:32
Hallo Herbert,

wenn du dich "im" Iframe befindest sprichst du das window Object des übergeordneten Fensters mit

HTML-Quelltext
1: 

parent


an.
Um z.B. ein Feld mit der ID id="testfeld" welches sich im richtigen Fenster befindet anzusprechen sollte das klappen

HTML-Quelltext
1: 

parent.document.getElementById("testfeld").value = "text im testfeld";



Hoffe dir hilft das weiter.

Gruß Danny

geschrieben von Herbert1204 am 06.02.2010 - 12:16
Erst einmal Vielen Dank für die schnelle Hilfe.

Das funktioniert so sehr gut.
Nur leider wird immer ein vorgefertigter Text übertragen.

Daher habe ich schon verschiedene Sachen, wie
z.B. value = this.innerText; und ähnliche Dinge ausprobiert.

Aber nichts hat funktioniert.

geschrieben von Danny am 06.02.2010 - 13:14
Du willst doch den Text aus dem Textfeld im Iframe in eine Textarea im Hauptframe schreiben?
Je nachdem wie das Textfeld heist/angesprochen wird so in der Art:

HTML-Quelltext
1: 

parent.document.getElementById("testfeld").value = document.mail.Name.value



Gruß Danny

geschrieben von Herbert1204 am 06.02.2010 - 18:27
Hallo
Es tut mir leit, dass ich schon wieder wegen der gleichen Sache störe.

Ich habe unten ein Script mit einer Landkarte eingefügt.

Die User fahren mit dem Cursor über die Landkarte (wegen der begrenzten Beitragslänge nur oben links möglich). Wenn der richtige Kartenausschnitt angezeigt wird, klickt der User auf die linke Mousetaste. Dabei wird dann die Nummer des Kartenausschnitt in einem Textfeld angezeigt.

So, und jetzt möchte ich diese Seite in ein iFrame packen. Und das Textfeld mit der Kartennummer soll dann in der darüber liegenden Seite angezeigt werden.

Aber leider habe ich das mit den Javascript nicht hinbekommen.





<script language="javascript">
function showIt()
{
parent.document.getElementById("testfeld");
}
</script>





<table cellspacing="0" width="100%" height="100%" bordercolordark="white" bordercolorlight="black">
<tr>
<td colspan="2">
<p>&nbsp;</p>
</td>
</tr>
<tr>
<td rowspan="2">

<div style="width:400px; height:400px;overflow:auto;">

<img value="ut" src="http://www.xaxxes.de/Landkarte.gif" width="960" height="1280" border="0" usemap="#ImageMap1">

</div>

</td>
<td width="310" align="left" valign="top">

<table scrolling="no" cellspacing="0" width="310" bordercolordark="white" bordercolorlight="black">
<tr>
<td>
<map value="su" onMouseover="showIt(this)" name="ImageMap1">

<area shape="rect" coords="107, 1, 160, 107" name="st" value="st" onClick="showIt(this); javascript:document.getElementById('Auswahl').value = '01B';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/01b.jpg';" target="Fensterlein">
<area shape="rect" coords="160, 1, 214, 107" name="st" value="st" onClick="showIt(this); javascript:document.getElementById('Auswahl').value = '01C';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/01c.jpg';" target="Fensterlein">

<area shape="rect" coords="1, 107, 107, 160" name="st" value="st" onClick="showIt(this); javascript:document.getElementById('Auswahl').value = '02A';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/02a.jpg';" target="Fensterlein">
<area shape="rect" coords="107, 107, 160, 160" name="st" value="st" onClick="showIt(this); javascript:document.getElementById('Auswahl').value = '02B';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/02b.jpg';" target="Fensterlein">
<area shape="rect" coords="160, 107, 214, 160" name="st" value="st" onClick="showIt(this); javascript:document.getElementById('Auswahl').value = '02C';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/02c.jpg';" target="Fensterlein">

<area shape="rect" coords="1, 160, 107, 214" name="st" value="st" onClick="showIt(this); javascript:document.getElementById('Auswahl').value = '03A';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/03a.jpg';" target="Fensterlein">
<area shape="rect" coords="107, 160, 160, 214" name="st" value="st" onClick="showIt(this); javascript:document.getElementById('Auswahl').value = '03B';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/03b.jpg';" target="Fensterlein">
<area shape="rect" coords="160, 160, 214, 214" name="st" value="st" onClick="showIt(this); javascript:document.getElementById('Auswahl').value = '03C';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/03c.jpg';" target="Fensterlein">

<area shape="rect" coords="1, 214, 107, 267" name="st" value="st" onClick="showIt(this); javascript:document.getElementById('Auswahl').value = '04A';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/04a.jpg';" target="Fensterlein">
<area shape="rect" coords="107, 214, 160, 267" name="st" value="st" onClick="showIt(this); javascript:document.getElementById('Auswahl').value = '04B';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/04b.jpg';" target="Fensterlein">
<area shape="rect" coords="160, 214, 214, 267" name="st" value="st" onClick="showIt(this); javascript:document.getElementById('Auswahl').value = '04C';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/04c.jpg';" target="Fensterlein">

<area shape="rect" coords="1, 267, 107, 320" name="st" value="st" onClick="showIt(this); javascript:document.getElementById('Auswahl').value = '05A';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/05a.jpg';" target="Fensterlein">
<area shape="rect" coords="107, 267, 160, 320" name="st" value="st" onClick="showIt(this); javascript:document.getElementById('Auswahl').value = '05B';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/05b.jpg';" target="Fensterlein">
<area shape="rect" coords="160, 267, 214, 320" name="st" value="st" onClick="showIt(this); javascript:document.getElementById('Auswahl').value = '05C';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/05c.jpg';" target="Fensterlein">

<area shape="rect" coords="1, 320, 107, 374" name="st" value="st" onClick="showIt(this); javascript:document.getElementById('Auswahl').value = '06A';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/06a.jpg';" target="Fensterlein">
<area shape="rect" coords="107, 320, 160, 374" name="st" value="st" onClick="showIt(this); javascript:document.getElementById('Auswahl').value = '06B';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/06b.jpg';" target="Fensterlein">
<area shape="rect" coords="160, 320, 214, 374" name="st" value="st" onClick="showIt(this); javascript:document.getElementById('Auswahl').value = '06C';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/06c.jpg';" target="Fensterlein">

<iframe scrolling="no" name="Fensterlein" width="305" height="305" frameborder="0">
</iframe>

</map>



</td>
</tr>
</table>


</td>
</tr>
<tr>
<td height="100" align="left" valign="top">
<input type="text" readOnly id="Auswahl" style="font-family:Arial,sans-serif; font-weight:bold; font-size:60pt; text-align:left; width:180px;">
</tr>
</table>
</td>
</tr>
</table>

geschrieben von Danny am 07.02.2010 - 14:42
Hallo Herbert,

nur zu meinem Verständnis. Du hast eine Seite nennen wir sie mal main.html Darin hast du ein Konstrukt der Art

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 

<!-- die Karte mit den onmouseover links -->
<iframe src="karte.html"></iframe>

<!-- die Anzeige des Kartenausschnittes -->
<iframe scrolling="no" name="Fensterlein" width="305" height="305" frameborder="0"></iframe>

<!-- das Textfeld mit der Kartennummer -->
<input type="text"  id="Auswahl" style="font-family:Arial,sans-serif; font-weight:bold; font-size:60pt; text-align:left; width:180px;">


Im gegensatz zu deinem bisherigen, ist die Karte jetzt in einem Iframe und der Kartenausschnitt sowie das Textfeld im darüberliegenden Frame.

karte.html sähe dann so in etwa aus.

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 

<img value="ut" src="http://www.xaxxes.de/Landkarte.gif" width="960" height="1280" border="0" usemap="#ImageMap1">

<map value="su" onMouseover="showIt(this)" name="ImageMap1">

<area shape="rect" coords="107, 1, 160, 107" name="st" value="st" onClick="javascript: parent.document.getElementById('Auswahl').value = '01B';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/01b.jpg';" target="Fensterlein">
<area shape="rect" coords="160, 1, 214, 107" name="st" value="st" onClick=" javascript: parent.document.getElementById('Auswahl').value = '01C';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/01c.jpg';" target="Fensterlein">

<area shape="rect" coords="1, 107, 107, 160" name="st" value="st" onClick=" javascript: parent.document.getElementById('Auswahl').value = '02A';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/02a.jpg';" target="Fensterlein">
<area shape="rect" coords="107, 107, 160, 160" name="st" value="st" onClick=" javascript: parent.document.getElementById('Auswahl').value = '02B';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/02b.jpg';" target="Fensterlein">
<area shape="rect" coords="160, 107, 214, 160" name="st" value="st" onClick=" javascript: parent.document.getElementById('Auswahl').value = '02C';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/02c.jpg';" target="Fensterlein">

<area shape="rect" coords="1, 160, 107, 214" name="st" value="st" onClick=" javascript: parent.document.getElementById('Auswahl').value = '03A';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/03a.jpg';" target="Fensterlein">
<area shape="rect" coords="107, 160, 160, 214" name="st" value="st" onClick=" javascript: parent.document.getElementById('Auswahl').value = '03B';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/03b.jpg';" target="Fensterlein">
<area shape="rect" coords="160, 160, 214, 214" name="st" value="st" onClick=" javascript: parent.document.getElementById('Auswahl').value = '03C';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/03c.jpg';" target="Fensterlein">

<area shape="rect" coords="1, 214, 107, 267" name="st" value="st" onClick=" javascript: parent.document.getElementById('Auswahl').value = '04A';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/04a.jpg';" target="Fensterlein">
<area shape="rect" coords="107, 214, 160, 267" name="st" value="st" onClick=" javascript: parent.document.getElementById('Auswahl').value = '04B';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/04b.jpg';" target="Fensterlein">
<area shape="rect" coords="160, 214, 214, 267" name="st" value="st" onClick=" javascript: parent.document.getElementById('Auswahl').value = '04C';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/04c.jpg';" target="Fensterlein">

<area shape="rect" coords="1, 267, 107, 320" name="st" value="st" onClick=" javascript: parent.document.getElementById('Auswahl').value = '05A';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/05a.jpg';" target="Fensterlein">
<area shape="rect" coords="107, 267, 160, 320" name="st" value="st" onClick=" javascript: parent.document.getElementById('Auswahl').value = '05B';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/05b.jpg';" target="Fensterlein">
<area shape="rect" coords="160, 267, 214, 320" name="st" value="st" onClick=" javascript: parent.document.getElementById('Auswahl').value = '05C';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/05c.jpg';" target="Fensterlein">

<area shape="rect" coords="1, 320, 107, 374" name="st" value="st" onClick=" javascript: parent.document.getElementById('Auswahl').value = '06A';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/06a.jpg';" target="Fensterlein">
<area shape="rect" coords="107, 320, 160, 374" name="st" value="st" onClick=" javascript: parent.document.getElementById('Auswahl').value = '06B';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/06b.jpg';" target="Fensterlein">
<area shape="rect" coords="160, 320, 214, 374" name="st" value="st" onClick=" javascript: parent.document.getElementById('Auswahl').value = '06C';" class="menuItem" onmouseover="parent.Fensterlein.location.href='http://www.xaxxes.de/Landkarten/06c.jpg';" target="Fensterlein">


</map>


Order habe ich etwas falsch verstanden ?
Gruß Danny

geschrieben von Herbert1204 am 08.02.2010 - 03:46
Hallo Danny

Zum besseren Verständnis hänge ich einmal dei Originalseite dran.

geschrieben von Herbert1204 am 08.02.2010 - 04:04
Hallo Danny

Zum besseren Verständnis hänge ich einmal dei Originalseite dran.

Außerdem kannst Du die Seite anschauen bei
HTML-Quelltext
1: 

www.xaxxes.de


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.