Registration Suche   Login
javarea.de Forum » JavaScript
Text aus iFrame in darüber liegenede Seite übertragen.
Antworten Neues Thema eröffnen

Wenn dies Ihr erster Besuch hier ist, lesen Sie bitte zuerst die Hilfe - Häufig gestellte Fragen durch. Sie müssen sich vermutlich nicht registrieren, um Beiträge verfassen zu können. Als angemeldetes Mitglied haben Sie jedoch die Möglichkeit anderen Benutzern eine Private Nachricht zu hinterlassen, oder aber die vielen Funktionen des Forums zu nutzen, die nur registrierten Benutzern vorbehalten ist. Klicken Sie oben auf Registration, um den Registrierungsprozess zu starten. Sie können auch jetzt schon Beiträge lesen. Suchen Sie einfach das Forum aus, das Sie am meisten interessiert.

Seiten (1/1): [1]
Autor Thema
Herbert1204
Stammkunde



Registriert seit: 08.07.2006
Beiträge: 81

Rang:

05.02.2010 - 03:16 Text aus iFrame in darüber liegenede Seite übertragen.
Text aus iFrame in darüber liegenede Seite übertragen.

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>
 zitieren 
#top
Danny
Global-Mod



Registriert seit: 17.04.2002
Beiträge: 1596

Rang:

05.02.2010 - 20:32 AW: Text aus iFrame in darüber liegenede Seite übertragen.

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
 zitieren 
#top
Herbert1204
Stammkunde



Registriert seit: 08.07.2006
Beiträge: 81

Rang:

06.02.2010 - 12:16 AW: Text aus iFrame in darüber liegenede Seite übertragen.

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.
 zitieren 
#top
Danny
Global-Mod



Registriert seit: 17.04.2002
Beiträge: 1596

Rang:

06.02.2010 - 13:14 AW: Text aus iFrame in darüber liegenede Seite übertragen.

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
 zitieren 
#top
Herbert1204
Stammkunde



Registriert seit: 08.07.2006
Beiträge: 81

Rang:

06.02.2010 - 18:27 AW: Text aus iFrame in darüber liegenede Seite übertragen.

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>
 zitieren 
#top
Danny
Global-Mod



Registriert seit: 17.04.2002
Beiträge: 1596

Rang:

07.02.2010 - 14:42 AW: Text aus iFrame in darüber liegenede Seite übertragen.

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
 zitieren 
#top
Herbert1204
Stammkunde



Registriert seit: 08.07.2006
Beiträge: 81

Rang:

08.02.2010 - 03:46 AW: Text aus iFrame in darüber liegenede Seite übertragen.

Hallo Danny

Zum besseren Verständnis hänge ich einmal dei Originalseite dran.
 zitieren 
#top
Herbert1204
Stammkunde



Registriert seit: 08.07.2006
Beiträge: 81

Rang:

08.02.2010 - 04:04 AW: Text aus iFrame in darüber liegenede Seite übertragen.

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
» Herbert1204 « hat diese Dateien angehängt
  • Anhang
    Datei: ___.txt
    Grösse: 93,33 KB
    Downloads: 73 x bisher
 zitieren 
#top
Zeige Beiträge 1 bis 8 von 8
Seiten (1/1): [1]
Antworten Neues Thema eröffnen
Ähnliche Themen
Sitecheck --> suche seitenbewertung für meine page
 
von olli26 (07.09.2001 - 17:58) --> 33.3%
JavaScript --> Grafik/Text auf konstanter Höhe
 
von (06.09.2001 - 19:25) --> 32.9%
(X)HTML & CSS (allgemein) --> hilfe mit textfeldern
 
von Basher (03.09.2001 - 01:23) --> 21.3%
(X)HTML & CSS (allgemein) --> textboxen
 
von okley (21.04.2002 - 21:24) --> 19.0%
JavaScript --> Java Applet mit Text Links
 
von Mathias (07.09.2001 - 15:55) --> 17.5%
Optionen
Themen & Beitragstools
[ Druckbare Version zeigen ]
[ Dieses Thema abonnieren ] 		Themenbewertung:

Gehe zu:
Alle Zeitangaben in WEZ. Es ist 01:52 Uhr. Forumregeln:
Es ist Ihnen erlaubt, neue Beiträge zu schreiben.
Es ist Ihnen erlaubt, auf Beiträge zu antworten.
Es ist Ihnen erlaubt, Anhänge anzufügen.
Es ist Ihnen erlaubt, Ihre Beiträge zu bearbeiten.

RSS Feed

Powered by: JBB v.2.0.4
Copyright © javarea.de.