Récupération valeur Input dans une URL [Résolu]

[kilian]

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

[franculo_caoulene]

Salut,

Code :

var lien = "unsite.com/unepage.html?p="+ document.getElementById("nom").value;

[RomainVALERI]

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 ? ^^

[kilian]

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='

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

[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.

[kilian]

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

[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

[kilian]

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

[supersnail]

Bonjour,

En effet,l'erreur est toute bête :
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 .
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>';

[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