weed | bonjour j'aimerais savoir s'il est possible de rafraichir 2 calques div ?
lordque je choisis un motif dans une liste modifiable, cela mets à jour 2ème liste modifiable (<select> ) sousmotif. pour l'instant, lorsque je choisis ensuite un sous motif, cela me renvoie un tableau de résultat en restrayant le resultat par motif et sous motif ...
mais j'aimerais qu'au moment ou je choisis un motif, en meme temps que cela mette a jour ma liste mofiable mais que cela raffraichisse mon calque tableau de resultat.
est ce que c'est possible ?
Code :
- //AJAX
- var xhr = null;
- var xhr2 = 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;
- }
- }
- function getXhr2()
- {
- if( window.XMLHttpRequest) // Firefox et autres
- xhr2 = new XMLHttpRequest();
- else if(window.ActiveXObject)
- { // Internet Explorer
- try
- {
- xhr2 = new ActiveXObject("Msxml2.XMLHTTP" );
- }
- catch (e)
- {
- xhr2 = new ActiveXObject("Microsoft.XMLHTTP" );
- }
- }
- else
- { // XMLHttpRequest non supporté par le navigateur
- alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..." );
- xhr2 = false;
- }
- }
- function govilles(v)
- {
- //if(isNaN(v)) {alert('Saisissez une valeur numérique, svp.');o.value='';return;}
- //if(v.length!=5) return;
- getXhr();
- //alert ("value = " + v);
- // On défini ce qu'on va faire quand on aura la réponse
- xhr.onreadystatechange = function()
- {
- // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
- if(xhr.readyState == 4 && xhr.status == 200)
- {
- leselect = xhr.responseText;
- // On se sert de innerHTML pour rajouter les options a la liste
- document.getElementById("ssmotif" ).innerHTML = leselect;
- }
- }
- // Ici on va voir comment faire du post
- xhr.open("POST","../back_transfert_sous_motif.php",true);
- // ne pas oublier ça pour le post
- xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
- // ne pas oublier de poster les arguments
- xhr.send("value="+v);
- getXhr2();
- xhr2.onreadystatechange = function()
- {
- // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
- if(xhr2.readyState == 4 && xhr2.status == 200)
- {
- leselect = xhr2.responseText;
- // On se sert de innerHTML pour rajouter les options a la liste
- document.getElementById("tableau" ).innerHTML = leselect;
- }
- }
- // Ici on va voir comment faire du post
- xhr2.open("POST","../back_transfert_tableau_resultat.php",true);
- // ne pas oublier ça pour le post
- xhr2.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
- xhr2.send("motif="+v+"&sousmotif="+"&date_from="+date_from+"&date_to="+date_to);
- }
|
|