Discussion :

[Ekik]

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 :

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

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 :

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

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

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

[Ekik]

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


Maintenant j'ai ceci :

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

[deY!]

Code :

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

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