[AJAX] onkeyup et sendData

Version imprimable

Bonjour,

je me heurte au problème suivant: avec un onkeyup, je souhaite envoyer une donnée dans un formulaire pour la traiter, mais ça ne marche pas comme je le souhaite, car la variable que j’envoie, je n'arrive pas à l'afficher....
Mon code et le suivant:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="saisie">
				<input type="text" name="rch" size="50" value="" onKeyUp="javascript:document.getElementById('loader').style.display = 'block';
                                    this.value=formaterTexte(this.value);
                                    sendData('offset=0&nbre='+document.form1.nbre.value+'&rch='+escape(this.value)+'&mode=simple',
                                    'resultat.php',
                                    'resultat');"/>
			</div>
	<span id="resultat">
 
			<div id="loader" style="display:none" align="center">
				<img src="img/ajax_loader.gif"/><BR>
				<font size="1"><i>Recherche en cours ...</i></font>
			</div>
        </span>

resultat.php est le suivant:

Code:

1
2
3
4
5
6
7
8
9
10
11
<?php
/**
 * RECUPERATION DU MODE DE RECHERCHE AVANCE OU SIMPLE
 */
if(isset($_POST["mode"]))
{
    if ($_POST["mode"] == 'simple')
        echo $rch = $_POST["rch"];
 
}
?>

si quelqu'un voit la solution, je suis preneur :)
Merci d'avance.

07/09/2012, 09h01
vermine

Bonjour,

Tu es sûre que c'est du POST et pas du GET ? A quoi ressemble sendData ?
07/09/2012, 09h25
SpaceFrog

Code:

onKeyUp="javascript:document.getElementById('loader'

Laisse tomber le camelCase ...
onkeyup

ensuite un evenement ne s'attend pas a recevoir une recette de crèpes suzette, il attend du javascript docn pas besoin de javascriot:
=>

Code:

onkeyup="document.getElementById('loader') ...

Ensuite sans voir ta fonction d'envoi de data ça va pas être facile
07/09/2012, 09h56
pi-2r

:oops:
je ne savais qu'il fallait créer une fonction senddata.... je vais voir ça avec mon collègue ....
:oops:

il m'a passer un sendata basique, mais je ne renvoi toujours rien ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function sendData(param, page,cible)
{
if(document.all)
{
var XhrObj = new ActiveXObject("Microsoft.XMLHTTP") ;
}
else
{
var XhrObj = new XMLHttpRequest();
}
 
var content = document.getElementById(cible);
 
XhrObj.open("POST", page);
XhrObj.onreadystatechange = function()
{
if (XhrObj.readyState == 4 && XhrObj.status == 200)
content.innerHTML = XhrObj.responseText ;
}
 
XhrObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
XhrObj.send(param);
}

dans mon input, jai aussi enlevé "this.value=formaterTexte(this.value);", car ça ne me sert à rien :p

j'ai réussi à afficher les touches que j'ai tapé, mais cela ne m'affiche que les 2-3 premières, comment faire pour cela m'affiche en directe le nombre de touche taper ?

mon code est le suivant:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
<script>
function sendData(param, page,cible)
{
if(document.all)
{
var XhrObj = new ActiveXObject("Microsoft.XMLHTTP") ;
}
else
{
var XhrObj = new XMLHttpRequest();
}
 
var content = document.getElementById(cible);
 
XhrObj.open("POST", page);
XhrObj.onreadystatechange = function()
{
if (XhrObj.readyState == 4 && XhrObj.status == 200)
content.innerHTML = XhrObj.responseText ;
}
 
XhrObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
XhrObj.send(param);
}
</script>
 
<div class="saisie">
            <input type="text" name="rch" size="50" value="" onKeyUp="javascript:document.getElementById('loader').style.display = 'block';
                sendData('&rch='+escape(this.value)+'&mode=simple',
                'resultat.php',
                'resultat');"/>
</div>
	<span id="resultat">
        <div id="loader" style="display:none" align="center">
                <img src="img/ajax_loader.gif"/><BR>
                <font size="1"><i>Recherche en cours ...</i></font>
        </div>
        </span>

resultat.pĥp

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<?php
/**
 * RECUPERATION DU MODE DE RECHERCHE AVANCE OU SIMPLE
 */
if(isset($_POST["mode"]))
{
    if ($_POST["mode"] == 'simple')
        echo $rch = $_POST["rch"];
 
}
?>

merci d'avance :)

08/09/2012, 00h16
pi-2r

j'ai réussi à fixer mon problème ( de conflit :$ ).
Merci de vos réponse :)