Récupération valeur Input dans une URL

Version imprimable

Bonjour,

Je suis assez débutant en Javascript et là j'ai un probleme de débutant.
Je n'arrive pas à récupérer correctement une valeur d'un Input.
Code:

1 2 3 4 5 6 echo 'Adresse : <input type="text" id="idadresse" value="'.$val['adresse'].'" OnChange="sendData(\'valeur=\'+this.value,\'ajaxtestuseradd.php?champ=adresse&nom=\'+document.getElementById(\'nom\').value" onKeyUp="sendData(\'valeur=\'+this.value,\'ajaxtestuseradd.php?champ=adresse\')" onBlur="" > <br><br>';
En gros je souhaiterais récuperer la valeur du Input ayant l'id : nom, pour l'affecter à mon URL, à la suite je ferai une GET.

Je recherche un petit coup de pouce, car je m'emmêle les pinceaux...

Merci beaucoup
Cordialement

01/07/2009, 11h32
franculo_caoulene

Salut,

Code:

var lien = "unsite.com/unepage.html?p="+ document.getElementById("nom").value;
01/07/2009, 11h33
RomainVALERI

Citation:

Envoyé par kilian

Je n'arrive pas à récupérer correctement une valeur d'un Input

Tu veux donc dire que tu récupères quand même quelque chose coté serveur : quelles données as-tu en GET ?

Question subsidiaire : le champ input en question a bien une propriété id="nom", n'est-ce pas ? ^^

Avec vos suggestions j'ai écrit ceci
Code:

1 2 3 4 5 6 echo 'Adresse : <input type="text" name="" id="idadresse" value="'.$val['adresse'].'" OnChange="sendData(\'valeur=\'+this.value,\'ajaxtestuseradd.php?champ=adresse&nom=\'"+document.getElementById("nom").value) onKeyUp="sendData(\'valeur=\'+this.value,\'ajaxtestuseradd.php?champ=adresse&nom=\'"+document.getElementById("nom").value) onBlur="" > <br><br>';
Mais ca ne fonctionne pas mieux. En utilisantla console d'erreur de firefox, je vois ceci :
Code:

1 2 3 4 5 Erreur*: missing ) after argument list Fichier Source*: http://www.monsite.com/mapage.php Ligne*: 1, Colonne*: 69 Code Source*: sendData('valeur='+this.value,'ajaxtestuseradd.php?champ=adresse&nom='
Citation:

Question subsidiaire : le champ input en question a bien une propriété id="nom", n'est-ce pas ? ^^

Oui oui pour l'id=non...

Je pense que le problème provient des quotes, parenthèses. Problème de syntaxe.
Merci beaucoup

01/07/2009, 13h24
franculo_caoulene

Et bien il n'y a pas photo, tu dois regarder le code généré (clique droit/afficher la source), tu trouveras tout de suite ton erreur.

Je viens de faire ce que tu m'as proposé, je remarque que c'est un probleme de positionnement des doubles quotes.

Ce que j'ai à présent :
Code:

1 2 3 4 Adresse : <input type="text" name="" id="idadresse" value="" OnChange="sendData('valeur='+this.value,'ajaxtestuseradd.php?champ=adresse&nom='+document.getElementById(\"idnom\").value") onKeyUp="sendData('valeur='+this.value,'ajaxtestuseradd.php?champ=adresse&nom='+document.getElementById(\"idnom\").value") onBlur="" >
j'ai essayé avec
... getElementById(\"idnom\") ...
... getElementById("idnom")...

Rien n'est juste.

Vraiment désolé de vous embêter comme cela.
Merci bcp

01/07/2009, 14h36
devyan

Salut,

Je ne vois pas de champ input id="nom" dans ce que tu fournis comme code...

Sinon, syntaxiquement le premier code semble correct (par contre les suivants ne peuvent absolument pas fonctionner car la fin de chaîne intervient trop tôt, tu n'auras pas la fin de ta commande dans le code généré)

devyan

Voici l'extrait de code.

( pour info j'ai changé l'id "nom" par "idnom", )

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
echo 'Nom : <input  type="text" name="nom" id="idnom" value="Riedinger" 
OnChange="sendData(\'valeur=\'+this.value,\'ajaxtestuseradd.php?champ=nom\')" 
onKeyUp="sendData(\'valeur=\'+this.value,\'ajaxtestuseradd.php?champ=nom\')" 
onBlur="" >
<br><br>';
 
 
echo 'Adresse : <input  type="text" name="adresse" id="idadresse" value="'.$val['adresse'].'" 
OnChange="sendData(\'valeur=\'+this.value,\'ajaxtestuseradd.php?champ=adresse&nom=\'+document.getElementById(\"idnom\").value) "
onKeyUp="sendData(\'valeur=\'+this.value,\'ajaxtestuseradd.php?champ=adresse&nom=\'+document.getElementById(\"idnom\").value)  "
onBlur="" >
<br><br>';
 
 
echo 'Ville : <input  type="text" name="ville" id="idville" value="'.$val['ville'].'" 
OnChange="sendData(\'valeur=\'+this.value,\'ajaxtestuseradd.php?champ=ville\')" 
onKeyUp="sendData(\'valeur=\'+this.value,\'ajaxtestuseradd.php?champ=ville\')" 
onBlur="" >
<br><br>';
 
 
...

Une nouvelle erreur se produit :

Code:

1
2
3
4
5
6
 
Erreur*: illegal character
Fichier Source*: http://www.monsite.com/mapage.php
Ligne*: 1, Colonne*: 95
Code Source*:
sendData('valeur='+this.value,'ajaxtestuseradd.php?champ=adresse&nom='+document.getElementById(\

Ca ne doit être grand chose mais je ne sais plus du tout où chercher...
Merci

Bonjour,

En effet,l'erreur est toute bête :mrgreen: :
Le symbole "\" te fait planter le script,car javascript ne le reconnaît pas...
De plus,on ne peut pas utiliser le symbole ' " ',car javascript ne va pas comprendre non plus :aie:.
Essaie donc avec:
Code:

1 2 3 4 5 6 echo 'Adresse : <input type="text" name="adresse" id="idadresse" value="'.$val['adresse'].'" OnChange="sendData(\'valeur=\'+this.value,\'ajaxtestuseradd.php?champ=adresse&nom=\'+document.getElementById('idnom').value) " onKeyUp="sendData(\'valeur=\'+this.value,\'ajaxtestuseradd.php?champ=adresse&nom=\'+document.getElementById('idnom').value) " onBlur="" > <br><br>';

01/07/2009, 18h18
kilian

Merci beaucoup à tous pour vos aident.

supersnail : Ta porposition fonctionne "Presque"

J'ai pris ton code est à la place de

document.getElementById('idnom').value

j'ai écrit

document.getElementById(\'idnom\').value

Et là ca fonctionne...

Merci énormément...
A bientot