Récupérer des données dans une iframe [Résolu]

[Dev222]

Bonsoir,

Désirant faire un système de mise à jour en Javascript, j'ai décidé de procéder comme ça:

La page "Index.html" contient une variable "version" avec "0.22" (Version actuelle de l'application) comme valeur et un iframe ayant comme source une page web sur un autre domaine avec une variable "derniere_version" avec "0.23" (Dernière version) comme source.
Index.html est censé récupérer la variable "derniere_version" afin de la comparer avec "version" mais je ne parvient pas à accéder aux variables de la frame
Ça fait deux jours que je cherche mais à chaque fois, ça ne réagit pas ou ça me sort "undefined" (Je fait le test avec une alerte).

Oui, je sais: Les frames, c'est mal. Mais je n'ai pas trouvé d'autres solutions pour ce que je veux faire

Aidez-moi, svp

[Willpower]

Mais je n'ai pas trouvé d'autres solutions pour ce que je veux faire

Dis nous plus explicitement ce que tu veux faire ?

L'iframe est-elle indispenable ?

Ne peux tu pas simplement utiliser des scripts du genre :

document.createElement('script');

?

Autrement, effectivement, il n'y a aucun moyen d'échanger des données via iframes de domaines différents pour des raisons de sécurité.

[Dev222]

Dis nous plus explicitement ce que tu veux faire ?

Je voudrais comparer la variable "version", qui est dans index.html, à la variable "derniere_version" qui est dans une page web sur un autre domaine.

L'iframe est-elle indispensable ?

Non.

Je vais faire un schéma parce que j'ai du mal à expliquer

[Willpower]

En attendant ton schéma, peux-tu déjà nous dire si les pages des 2 cotés t'appartiennent ou si tu veux juste pomper une site ?

Si elles t'appartiennent, la solution de créer un fichier javascript et de le charger sur le second domaine me semble une des meilleures solutions.

Si tu veux pomper(déjà c'est mal et ensuite) je te conseillerai de passer par une solution style proxy php. (je ne suis pas pro php donc je ne te donnerai pas les détails mais tu trouveras aisément ces tutos sur le web.)

[Auteur]

bonjour,

des pages HTML sur des domaines différents ne peuvent en aucun cas s'échanger des informations.

[Dev222]

@WillPower: Non, ce domaine m'appartient et je l'ai payé. Index.html doit être en local et la page en ligne doit contenir la dernière version (Que je met à jour manuellement)
Donc les deux pages m'appartiennent.

@Auteur: Dans ce cas-là, est-ce possible de récupérer le contenu d'une page (code source ou pas) ?

Voici le schéma:

[Willpower]

essaye avec les scripts :

coté client :

Code :

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
window.version = "2.22";
 
function addScript(url){
  var script = document.createElement('script');
  script.src = url;
  return document.getElementsByTagName('head')[0].appendChild(script);
}
 
function removeScript(script){ 
  document.getElementsByTagName('head')[0].removeChild(script); 
}
 
function updatePage(data){
  document.getElementById('elem_html1').innerHTML = data.elem1;
  document.getElementById('elem_html2').innerHTML = data.elem2;
  //...
}
 
function checkVersion(){
  var time = (new Date()).getTime();
  window["s"+time] = addScript("http://www.monsite.com/page.php?version=" + version + "&time=" + time);
}
 
// mise à jour toutes les 5 minutes
setInterval(checkVersion,1000*60*5);

coté serveur :

Code php :

1
2
3
4
5
6
7
8
9
10
11
12
<?php
  header("Content-type: text/javascript");
  $version = 3.6;
  $data = "{elem1:'ceci est le titre', elem2:'ceci est un contenu'}";
  $client_version = intval($_GET['version']);
  $script_time = intval($_GET['time']);
  if($version > $client_version){
    echo "window.version = '".$version."' ; ";
    echo "updatePage('".data."');";
  }
  echo "removeScript('s".$script_time."');";
?>

nb: je l'ai écris à l'aveugle sans tester, il est donc possible que certains trucs comportent des erreurs.

[Dev222]

Merci, je vais tester

EDIT: Ca ne fonctionne pas. J'ai collé proprement les deux codes dans index.html et up.php, j'ai juste modifié l'adresse url dans l'interval, mais rien :/

[Auteur]

Envoyé par Dev222

@Auteur: Dans ce cas-là, est-ce possible de récupérer le contenu d'une page (code source ou pas) ?

Deux domaines différents = aucune communication possible au niveau client. Tu ne peux rien faire ni récupérer le code HTML de la page affichée dans la seconde iframe.

Par contre (et c'est à vérifier) peut-être que les deux serveurs peuvent s'échanger des informations.

[Dev222]

Ah ok, merci quand même et bonne journée

[Willpower]

Voila, j'ai corrigé les erreurs et testé cette fois.

LOCAL :

Code html :

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
30
31
32
33
34
<html><head><script type=text/javascript>
var url = "http://www.hommk.tk/poker/page.php";
window.version = "2.22";
 
function addScript(url){
  var script = document.createElement('script');
  script.src = url;
  return document.getElementsByTagName('head')[0].appendChild(script);
}
 
function removeScript(script){ 
  document.getElementsByTagName('head')[0].removeChild(window[script]); 
}
 
function updatePage(data){
  document.getElementById('elem_html1').innerHTML = data.elem1;
  document.getElementById('elem_html2').innerHTML = data.elem2;
  //...
}
 
function checkVersion(){
  var t = (new Date()).getTime();
  window["s"+t] = addScript(url+"?version=" + version + "&t=" + t);
}
 
// mise à jour toutes les 5 minutes
setInterval(checkVersion,1000*5);
 
</script></head><body>
 
<div id=elem_html1 >hello</div>
<div id=elem_html2 >hello</div>
 
</body></html>

SERVEUR :

Code php :

1
2
3
4
5
6
7
8
9
10
11
12
<?php
  header("Content-type: text/javascript");
  $version = floatval(3.6);
  $client_version = floatval($_GET['version']);
  $script_time = $_GET['t'];
  $data = "{elem1:'ceci est le titre', elem2:'ceci est un contenu'}";
  if($version > $client_version){
    echo "window.version = '".$version."' ; ";
    echo 'updatePage('.$data.');';
  }
  echo "removeScript('s".$script_time."');";
?>

[Dev222]

Merci, c'est résolu !