Insertion variable JS dans code HTML

Version imprimable

Bonjour,

J'ai un problème tout bête a mon avis mais ca fait un bon moment que je suis dessus et j'arrive pas a voir comment faire

En fait, j'ai un champ texte et un bouton "Ajouter". Je voudrais que quand je clique sur Valider, la valeur qui se trouve dans le champ txt soit envoyée dans ma base via une requête qui se trouve sur une autre page. Car je ne veux pas recharger ma page principale (sinon j'aurais bien sur utilisé un form)

Je fais comme ceci :
Code:

1 2 3 <input type="text" name="fNum" id="fNum"> <input type="button" name="Submit" value="Ajouter" onClick="window.open('AddNumManu.php?val=','AddNumManu', 'height=300, width=300, top=100, left=100, toolbar=no, menubar=yes, location=no, resizable=yes, scrollbars=no, status=no')">
Je voudrai la transmettre via mon param "val" simplement. Mais le soucis est que je suis embêté pour l'insérer dans le code, j'ai bien essayé avec un getElementById :
Code:

1 2 ...onClick="window.open('AddNumManu.php?val='+document.getElementById('fNum).value+','AddNumManu', 'height=300, width=300, top=100, left=100, toolbar=no, menubar=yes, location=no, resizable=yes, scrollbars=no, status=no')"...
dans le genre mais forcemment, ca gueule a cause des ' (ou des ").

J'ai bien regardé pour le transfert de valeur dans la FAQ mais ca me semblait un peu compliqué pour ce que je veux faire.

Voila, donc si qqn sait comment je peux écrire mon code en insérant le contenu de ce champs texte dans mon url, ca serait nickel

Merci d'avance

20/03/2007, 12h27
deY!

Tu peux aussi utiliser de l'Ajax, qui serait plus propre et éviterais d'ouvrir une popup.

Sinon, il tu manque un ' aprés fNum.

Oki merci pour votre réponse je me suis tourné vers AJAX

Maintenant j'ai ceci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 var xhr = null; function getXhr(){ if(window.XMLHttpRequest) // Firefox et autres xhr = new XMLHttpRequest(); else if(window.ActiveXObject){ // Internet Explorer try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } }else { // XMLHttpRequest non supporté par le navigateur alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); xhr = false; } xhr.onreadystatechange = function() { document.getElementById('fNum').value=''; }; } function AjaxInsertDB(){ getXhr(); xhr.open("GET","AddNumManu.php",true); }
Mon bouton appelle la fonction AjaxInsertDB.

Mon fichier PHP contient une simple requête insert qui fonctionne pourtant très bien, je l'ai testé.

Le code que j'ai posté est celui que j'ai actuellement mais j'ai testé avec les différentes méthodes proposées dans les tutoriaux, ca ne fonctionne pas, je comprend pas...

Si qqn pouvait me donner une piste, je patauge un peu la :(

Merci

P.S : Effectivement j'avais pas mis de ' mais c'était une faute en recopiant

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
 
function AjaxInsertDB(){
	getXhr();
	xhr.onreadystatechange = function(){
        if (xhr.readyState == 4 && xhr.status == 200) {
                              alert(xhr.responseText);
                        }
        }
           xhr.open("GET","AddNumManu.php?val"+document.getElementById('fNum').value,true);	
xhr.send(null);
}

c'est deja un peu mieux comme ça