Site dans un pop up et formulaire

**pc75** · 06/05/2011, 15h24

Bonjour,

Je ne pense pas que ce que je souhaite réaliser soit faisable, mais vu les pros de ce forum, je me lance quand même.

J'ai un formulaire de saisie qui contient notamment une zone de saisie pour l'adresse. A côté de cette zone, j'ai une icone qui ouvre un pop up (via un window.open). Cette pop up, qui affiche des adresses, permet à l'utilisateur de faire un copier de l'adresse pour la coller dans la zone de saisie de la fenêtre appelante.

Quelqu'un(e) aurait une solution qui permettrait via un seul clic, de copier ces données depuis la pop up vers la zone de saisie ?
J'avais pensé à ouvrir le site d'adresses dans une div de la pop up, mais je ne sais pas si c'est possible.

Merci.

**Bovino** · 06/05/2011, 15h44

Oui c'est possible.
Par exemple, dans la pop-up :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var nb = document.getElementsByTagName('a').length;
while(nb--){
    document.getElementsByTagName('a')[nb].onclick = function(){
        opener.document.getElementById('ton_input').value = this.href;
        return false;
    };
}

**pc75** · 06/05/2011, 15h58

Merci,

Mais comment inter-agir entre mes deux pages ?

Dans la pop up, il faudrait que le site d'adresses soit ouvert dans un div. A partir du site ouvert dans le div, je dois pouvoir faire la recherche de mon adresse, puis, via un bouton placé sous le div, je voudrai récupérer une partie du texte affiché (l'adresse) et l'insérer dans la zone de saisie de la page appelante.

J'espère que je suis clair car ce n'est pas évident à expliquer.

**Loceka** · 06/05/2011, 16h04

Déjà tu ne peux pas ouvrir une page HTML dans un div, tu dois passer par un iframe.

Après tu peux essayer d'appliquer le code proposé par Bovino à cette iframe mais si la page affichée ne se trouve pas sur le même site que ta page "actuelle" ça risque de ne pas être possible.

**pc75** · 06/05/2011, 16h21

Voilà un bout de code que j'ai commencé à faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
<html>
<head>
<script language="javascript">
function Copier()
	{
	document.Form1.Adresse.value = "??????????";
	}
</script>
</head>
<body>
<form name="Form1">
 
<div id="divAdresses" style="height:500">
	<iframe height="100%" width="100%" src="http://www.pagesjaunes.fr/">
	</iframe> 
</div>
 
<center>
	<input type="button" value="Copier" onclick="Copier()">
	<br><br>
	<input type="text" name="txtAdresse">
</center>
 
</form>
</body>
</html>

Dans la zone "Quoi, Qui", je saisi "Dupont"
Dans la zone "Où", je saisi "Paris"
Je clique sur "Trouver" et j'obtiens 96 réponses.

Pour faire simple, je souhaite insérer la première adresse de la liste (21 r Quentin Bauchart 75008 PARIS) dans la zone "txtAdresse".

Mais je ne sais pas si on peut accéder au code source d'une page affichée dans un div pour récupérer une partie du texte ?

**Bovino** · 06/05/2011, 16h31

Mais je ne sais pas si on peut accéder au code source d'une page affichée dans un div pour récupérer une partie du texte ?

Si, mais ce que tu ne peux pas faire, comme te l'a déjà expliqué Loceka, c'est accéder au contenu d'une page qui ne t'appartiens pas comme c'est le cas dans ton iframe !

**pc75** · 06/05/2011, 16h43

Et il n'existe pas d'autre solution pour parvenir à faire ça ?

**Bovino** · 06/05/2011, 16h53

Ben soit pagesjaunes.fr met à disposition les données par exemple sous forme de service Web, soit ça s'appelle du vol de données

**Loceka** · 06/05/2011, 16h54

Sinon c'est faisable en local :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<html>
<head>
	<title>page principale</title>
</head>
<body>
	<input type="text" id="address"/>
	<input type="button" onclick="window.open('popup.html')"/>
</body>
</html>

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<head>
	<title>popup</title>
</head>
<body>
	<iframe id="f1" src="liens.html"></iframe>
	<script type="text/javascript">
                function setLinks() {
                        var frame1 = document.getElementById("f1");
                        var content = frame1.contentDocument || frame1.contentWindow.document;
                        var nb = content.getElementsByTagName('A').length;
                        while(nb--){
                                content.getElementsByTagName('a')[nb].onclick = function(){
                                        opener.document.getElementById('address').value = this.href;
                                        return false;
                                };
                        }
                }
                
                window.setTimeout("setLinks()", 100);
        </script>
</body>
</html>