Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Objekt anhand der class aus iFrame mit Javascript auslesen“

MasterT

Nicht mehr ganz neu hier

Hallo,
ich benutze in meiner Webseite die Google Map. Um eine endlose verwirrende erklärung zu spaaren, zeig ich euch ein Bild

Google Map korregiert die Eingaben des Users, weswegen ich die Korrekte Anzeige übernehmen würde. Der SRC des iFrames wird mit einem Onkeyup event des Inputs darunter über ein Javascript geändert und dadurch aktuallisiert. In dem iframe sind oben Links nun die Daten der Adresse. Beide Felder sind Class und würde ich gerne auslesen und in ein Hiden input schreiben.

mein Code
PHP:
<script type="text/javascript">

function adresse() {
     document.getElementById('test').value = document.getElementById('map').contentWindow.document.getElementsById('address').classname.innerHTML;
  }
function googleChange(adresse) {
    document.getElementById("map").src="http://maps.google.de/maps?hl=de&q="+adresse+"&ie=UTF8&t=h&z=16&iwloc=A&output=embed";
}
</script>(
<title>Unbenanntes Dokument</title>
</head>
<body>
    <div id="slider-wrapper">
        <input checked type="radio" name="slide" class="control" id="Slide1"/>
            <label for="Slide1" id="s1"></label>
        <input type="radio" name="slide" class="control" id="Slide2"/>
            <label for="Slide2" id="s2"></label>
        <input type="radio" name="slide" class="control" id="Slide3"/>
            <label for="Slide3" id="s3"></label>
        <input type="radio" name="slide" class="control" id="Slide4"/>
            <label for="Slide4" id="s4"></label>
        <div class="overflow-wrapper">
            <div class="slide" style="width: 25%; background:#ffffe2; height: 100%; display: block; float: left;"/>
                <h1>Herzlich Willkommen #####</h1>
                <h2>Du gehörst nun auch zu unserer Community</h2>
                <span style="background: url(_img/Foto.JPG); background-size: cover;"></span>
                <h3>Wähle deinen Benutzernamen</h3>
                <input type="text" name="benutzer" autocomplete="off"/>
            </div>
            <div class="slide" style="width: 25%; background:#ffffe2; height: 100%; display: block; float: left;"/>
                <h1>Wo wohnst du?</h1>
                <h2>Wir wollen ja wissen ob es dich wirklich gibt ;)</h2>
                <iframe onload="adresse();" id="map" name="map" width="100%" height="500" src="http://maps.google.de/maps?hl=de&q=&ie=UTF8&t=h&z=16&iwloc=A&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
                <input id="ort" type="text" name="ort" placeholder="Stadt/Straße/Hausnummer" onkeyup="googleChange(this.value)" /><br />
                <input type="hidden" id="test" value="" />




Ich versuche das bisher so, aber leider klappt es nicht. Habt ihr da eine Idee?

LG
 

Curanai

Aktives Mitglied

Hi MasterT,

wenn ich mich nicht irre, knallt das jetzt wegen der "same origin"-Policy Deines Browsers. Du kannst mit JavaScript vom parent (Host) ins iframe (Child) greifen - quasi "top-down" (aber nicht umgekehrt). Allerdings müssen (!) sich beide Seiten - sowohl Host als auch Child auf der gleichen Domain befinden. Im Falle von Google tun sie dies nicht - egal ob nun von "localhost" oder Deiner späteren Domain im Web.

Da wirst Du keine Lösung finden können, die für den "casual visitor" taugt ...

Aber vielleicht hat noch wer eine andere Idee dazu. Aber ich bin mir fast sicher, dass die SOP Schuld trägt.

Beste Grüße.
 

Myhar

Hat es drauf

Aber ich bin mir fast sicher, dass die SOP Schuld trägt.

Ich sehe das wie du, da wird der Threadersteller keine Chance haben, auf die Daten zuzugreifen.
Das ist ja auch der Grund, warum es diese SOP gibt, sonst wäre es ein leichtes, persönliche Daten mittels versteckter iframes auszulesen.
Kleiner Edit am Rande: Es heißt iframe, Apple hat da nichts damit zu tun ;-)
 

Curanai

Aktives Mitglied

Najaaa ... das würde schon gehen - nur nicht über (Apple) iFrame. ;) (Stichwort: cURL; die lässt Google zu!) Demnach müsste die Abfrage über cURL an Google gehen und dann mit dem Ergebnis lässt sich das durchaus "rauslöten" ...
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.158
Beiträge
2.581.872
Mitglieder
67.225
Neuestes Mitglied
Petra
Oben