Discussion :

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

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

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 :

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

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

[RomainVALERI]

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 :

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

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 :

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

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 :

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

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 :

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

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

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 :

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

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