Obtenir la valeur du champ de saisie à l'intérieur d'une iframe

Je suis entrain de créer un formulaire avec Javascript. Je suis en train d'utiliser Javascript pour obtenir la valeur du champ de saisie qui est à l'intérieur d'un iframe. Est-il possible d'obtenir la valeur d'un champ qui est à l'intérieur d'un iframe?

pouvez-vous me montrer un peu de code?
Cela dépend si le iframe est servi du même domaine ou pas.
Ensuite, vous ne pouvez pas accéder au contenu si le iframe.
Yep: en.wikipedia.org/wiki/Same_origin_policy. Aussi intéressant à lire: developer.mozilla.org/en-US/docs/JavaScript/....

OriginalL'auteur Muhammad Talha Akbar | 2013-02-21

28

Oui, il devrait être possible, même si le site est dans un autre domaine.

Par exemple, dans une page HTML sur mon site j'ai une iFrame dont le contenu provenant d'un autre site. Le contenu de l'iFrame est une sélection unique de champ.

J'ai besoin d'être en mesure de lire la valeur sélectionnée sur mon site. En d'autres termes, j'ai besoin d'utiliser la liste de sélection à partir d'un autre domaine à l'intérieur de mon propre application. Je n'ai pas de contrôle sur tous les paramètres du serveur.

Initialement par conséquent, nous pourrions être tentés de faire quelque chose comme ceci (simplifié):

HTML de mon site:
```
<iframe name='select_frame' src='http://www.othersite.com/select.php?initial_name=jim'></iframe>
<input type='button' name='save' value='SAVE'>
```
HTML contenu de l'iFrame (chargé de select.php sur un autre domaine):
```
<select id='select_name'>
    <option value='john'>John</option>
    <option value='jim' selected>Jim</option>
</select>
```
jQuery:
```
$('input:button[name=save]').click(function() {
    var name = $('iframe[name=select_frame]').contents().find('#select_name').val();
});
```
Cependant, je reçois cette erreur javascript lorsque je tente de lire la valeur:

Bloqué un cadre avec origine "http://www.myownsite.com" d'accéder à un cadre d'origine "http://www.othersite.com". Les protocoles, les domaines et les ports doivent correspondre.

Pour contourner ce problème, il semble que vous pouvez indirectement source de l'iFrame à partir d'un script dans votre propre site, et le script de lire le contenu de l'autre site à l'aide d'une méthode comme file_get_contents() ou curl etc.

Créez un script (par exemple: select_local.php dans le répertoire courant) sur votre propre site avec un contenu similaire à ceci:

PHP contenu de select_local.php:
```
<?php
    $url = "http://www.othersite.com/select.php?" . $_SERVER['QUERY_STRING'];
    $html_select = file_get_contents($url);
    echo $html_select;
?>
```
Également de modifier le code HTML à l'appel de ce local (au lieu de la télécommande) script:
```
<iframe name='select_frame' src='select_local.php?initial_name=jim'></iframe>
<input type='button' name='save' value='SAVE'>
```
Maintenant, votre navigateur doit penser que c'est de charger le contenu de l'iFrame à partir du même domaine.

Pour ceux qui lisent ce et de la pensée par le biais de ce que j'ai fait, cela ne permet pas pour le balisage par rapport à un utilisateur particulier pour être lu s'il requiert une authentification. Par exemple, quelqu'un ne peut pas cacher un iframe sur leur page de, demande mon Facebook page, et de gratter des infos dans ce b/c mes informations de session (cookie) n'est pas connu par select_local.php (non Facebook serveur) et il ne peut pas usurper l'identité de ma session avec Facebook.
Mais @butallmj selon Stefan select_local.php serait capable de transmettre les valeurs de tous les champs de saisie à l'extérieur de l'iFrame. Et c'est un problème, car si quelqu'un était capable de charger jusqu'à facebook.com sur facebookk.com dans un iframe ils pourraient vous voler des informations d'identification.
J'aime la façon dont il s'est avéré être. 🙂
NON, il n'est pas possible. Cette réponse est incorrecte en déclarant qu'ELLE EST. C'est une solution de contournement, en utilisant PHP. Basé sur JS/jQuery, ce n'est PAS possible!
Eh bien, j'ai passé 5 heures sur ce sujet. L'idée était d'obtenir du contenu à partir d'intégrer des vidéos de la page. Comme le flux est créé uniquement sur le domaine hôte. Donc, pour commencer une session valide jeton, j'avais prévu de faire un faux iframe et obtenir le contenu. Ce n'est pas possible. Je n'ai pas vraiment besoin de cette solution, mais si vous pouvez comprendre, comment obtenir le contenu de l'iframe, c'est-à d'autres domaines.. en utilisant UNIQUEMENT JS/jQuery, je vais acheter de vous deux caisses de bière.

OriginalL'auteur Stefan

<iframe id="upload_target" name="upload_target">
    <textarea rows="20" cols="100" name="result" id="result" ></textarea>
    <input type="text" id="txt1" />
</iframe>

Vous pouvez Obtenir la valeur par JQuery

$(document).ready(function(){
  alert($('#upload_target').contents().find('#result').html());
  alert($('#upload_target').contents().find('#txt1').val());
});

travail uniquement sur le même domaine lien

OriginalL'auteur Harshit Tailor

1

Sans Iframe Nous pouvons le faire en JQuery, mais il vous donnera seulement
HTML source de la page et pas de liens dynamiques ou des balises html s'affiche.
Presque la même, en tant que solution php mais en JQuery : Code---
```
var purl = "http://www.othersite.com";
$.getJSON('http://whateverorigin.org/get?url=' +
    encodeURIComponent(purl) + '&callback=?',
    function (data) {
    $('#viewer').html(data.contents);
});
```
En raison de navigateur restrictions de sécurité, la plupart des requêtes Ajax sont soumis à la même politique de l'origine; la demande ne peut pas réussir à récupérer des données à partir d'un autre domaine, sous-domaine, le port ou le protocole.

OriginalL'auteur Manish Shukla
1
```
document.getElementById("idframe").contentWindow.document.getElementById("idelement").value;
```
Les navigateurs empêcher JavaScript d'accéder à une croix d'origine image.

OriginalL'auteur Mahdi

Vous devez vous connecter pour publier un commentaire.