Site dans un pop up et formulaire

Version imprimable

06/05/2011, 15h24
pc75

Site dans un pop up et formulaire

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.

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

Code:

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;
    };
}

06/05/2011, 15h58
pc75

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.
06/05/2011, 16h04
Loceka

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.

Voilà un bout de code que j'ai commencé à faire :
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 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 ?

06/05/2011, 16h31
Bovino

Citation:

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 !
06/05/2011, 16h43
pc75

Et il n'existe pas d'autre solution pour parvenir à faire ça ?
06/05/2011, 16h53
Bovino

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 :whistle:

Sinon c'est faisable en local :

Code:

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:

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>

06/05/2011, 17h12
pc75
Re,
Code:

1 2 Permission refusée
Dommage !
11/05/2011, 17h01
pc75

Re,

Juste une dernière question ; En utilisant autre chose qu'une iframe (balise <object> par exemple) je suppose que le résultat sera le même ?