[DOM] Un script qui remplit automatiquement les champs de saisie d'une page web

Version imprimable

24/05/2007, 09h35
koKoTis

[DOM] Un script qui remplit automatiquement les champs de saisie d'une page web

Bonjour, je voudrais créer un script qui ouvre un page en ligne et remplisse les chant de saise préset sur cette page, mais je ne sais pas programmer en javascript, quelqu'un saurait il m'aider ?

Je poste cette question suite a se tropic: http://www.developpez.net/forums/sho...26#post2101726
24/05/2007, 09h56
SpaceFrog

le site avec les champs est sur ton domaine ?
Si ce n'est pas le cas ... pas en javascript ...
24/05/2007, 09h58
koKoTis

Non je n'ai pas de domaine, c'est pour gmail par exemple
24/05/2007, 10h05
SpaceFrog

Donc pas en javascript :roll:
24/05/2007, 10h09
koKoTis

En quoi alor ?
24/05/2007, 11h25
buzzkaido

SpaceFrog :

Il y a une limitiation sur le domaine lorsque l'on tente de modifier une valeur d'un champ "INPUT" ?

document.getElementByID("truc").value = "machin"

Car l'idée de base, c'est d'ouvrir la page voulue dans une frame, et depuis une autre frame (invisible) executer du javascript pour remplir les champs textes.

Comme ça, on a l'impression d'être sur le vrai site (une grande frame qui prend toute la place) et une autre frame se charge de simuler quelques actions de l'utilisateur (form.submit...)

Je ne pensais pas que le domaine intervenait au niveau du document
24/05/2007, 11h28
koKoTis

Quand tu parle de frame tu veut dire une i-frame ?
24/05/2007, 11h29
buzzkaido

Ou une frame

Il me semble que fonctionnellement et au niveau du DOM c'est la meme chose

J'ai donc créer une page html avec ceci:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Remplissage automatique de formulaires</title>
</head>
 
<body>
<script>
document.getElementByID("Email").value = "Login"
document.getElementByID("Passwd").value = "Pass"
</script>
 
<iframe src="https://www.google.com/accounts/ManageAccount" name="zone1" height="800" width="800" frameborder=no></iframe>
</body>
</html>

Mais ca ne fonctionne pas 8O

24/05/2007, 11h37
buzzkaido

Ta regardé dans le code source de ta page https://www.google.com/accounts/ManageAccount ?

Voir si les champs ont bien un ID ?

Sinon essaie avec document.zone1.getElementById
24/05/2007, 11h42
buzzkaido

http://www.developpez.net/forums/arc.../t-201973.html

Ce n'était donc pas une bonne idée....
24/05/2007, 11h48
koKoTis
Citation:

Envoyé par buzzkaido

Ta regardé dans le code source de ta page https://www.google.com/accounts/ManageAccount ?

Voir si les champs ont bien un ID ?

Sinon essaie avec document.zone1.getElementById

Ben oui j'ai récupéré les id des chants
Code:

1 2 document.getElementByID("Email").value = "Login" document.getElementByID("Passwd").value = "Pass"
24/05/2007, 11h50
buzzkaido

http://www.developpez.net/forums/arc.../t-201973.html

Kkun qui a essayé de faire la même chose.

Visiblement, SpaceFrog a raison, on ne peut modifier les champs d'une page venant d'un autre domaine, même si elle est chargée en frame.
24/05/2007, 11h51
koKoTis

OK merci pour l'info ;)

Par contre, il y a nue autre solution.

Lorsque l'on clique sur "connexion", la page envoit un formulaire à l'adresse https://www.google.com/accounts/LoginAuth

Donc tu peut faire une page HTML sur ton PC qui va avoir exactement le meme formulaire (nom des champs, valeurs, méthode...) et l'envoyer à la même adresse.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <html> <body style="border:0; margin: 0;" onLoad="f.submit();"> <form action="http://www.google.com/search" name=f> <input name=hl type=hidden value=fr><input maxlength=2048 name=q size=55 title="Recherche Google" value="test"> <input name=btnG type=submit value="Recherche Google"> <input name=btnI type=submit value="J'ai de la chance"> <input id=all type=radio name=meta value="" checked> <input id=lgr type=radio name=meta value="lr=lang_fr"> <input id=cty type=radio name=meta value="cr=countryFR"> </form> </html>
Quand tu ouvre ce fichier, tu te retrouves automatiquement sur les résultats de la recherche pour le mot "test"

24/05/2007, 12h02
koKoTis

Merci beaucoup ;)