Discussion :

[Kikinoubarca]

Bonjour,

Me voici confronté à un gros problème.

Explication : J'ai une page php nommé index.php qui dispose de deux grandes parties. La partie du haut est tout ce qui filtre c'est à dire un formulaire composé de plusieurs input select et radio. Quand je clique sur le bouton rafraichir je fais appel à une fonction javascript qui va me lire tous mes filtres et me les envoyer sur une autre page php nommé table.php grâce à ajax. sur cette page je fabrique une requete avec mes filtres une fois le traitement achevé le serveur me renvoie un responseText que j'inclus dans ma première page php grâce à un innerHTML. ( Le traitement peu être très lourds et long ). Dans table.php, j'ai donc une table qui affiche le résultat de la requête avec comme entête

<script type="text/javascript" src="javascripts/sorttable.js">
echo "<table name='statistique' class='sortable'>";

Au retour de ce responseText, je n'ai pas le tableau triable, comment pourrais-je avoir un tableau triable en javascript au retour d'une page php interprété par de l'ajax ?

Merci d'avance. A bientôt.

[ryan]

Yop!

Ceci devrait t'aider:
http://www.kryogenix.org/code/browser/sorttable/

[Kikinoubarca]

Peu tu m'en dire un peu plus je ne comprends pas ce que tu veu me montrer ?

[ryan]

Yop!


Bin si j'ai bien compris ton message, tu cherches à trier un tableau sur le client sans avoir à recharger les données.
Donc l'URL que je t'ai donnée explique comment trier un tableau en javascript.
Pour voir le code au travail, tu cliques simplement sur les headers du tableau (en blanc) et le tableau se trie selon le critère choisi (name, salary, extension, ...)

Voilà voilà...

[Kikinoubarca]

Je vais te mettre ça car je crois que c'est pas tout à fait ça mon problème, ce que tu veu m'expliquer c'est je crois dans le cas le plus simple mais bien sur c'est pas celui la le mien ^^ dis moi si tu comprends mieux comme ça :

J'ai une page index.php :
- Comprends un formulaire
- Un input onclick="envoyer()" --> envoyer se trouve dans fonction.js

Ensuite fonction.js
- Comprends ceci :
Code : JavaScript

var xhr = null;


function getXhr()
{
if(window.XMLHttpRequest)
{
xhr = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
try
{
xhr = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
}
else
{
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest, veuillez le mettre à jour");
xhr = false;
}
}


function envoyer()
{
getXhr();
xhr.onreadystatechange = function()
{
if(xhr.readyState == 4 && xhr.status == 200)
{
document.getElementById('StatBox').innerHTML = xhr.responseText;
}
else if(xhr.readyState == 3)
{
document.getElementById('StatBox').innerHTML = "Veuillez patienter traitement en cours ... <br><br> <img src='Image/chargement.gif' alt='chargement'> <br><br> Attention : temps d'attente plus ou moins long suivant la requête demandée.";
}
}
xhr.open("POST",'table.php',true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
var analyse = document.getElementById('id_analyse_par').value ;
var magasin = document.getElementById('id_magasin').value ;
var datedeb = document.getElementById('id_datedeb').value ;
var datefin = document.getElementById('id_datefin').value ;
var client = document.getElementById('client').value ;
var famille_article = document.getElementById('id_famille_article').value ;
var article = document.getElementById('article').value ;
var sous_famille_article = document.getElementById('id_sous_famille_article').value ;
var fournisseur = document.getElementById('id_fournisseur').value ;
for( var i = 0; i < 4; i++)
{
if(document.forms[0].achatvente[i].checked == true)
{
var achatvente = document.forms[0].achatvente[i].value ;
}
}
xhr.send("analyse="+analyse+"&magasin="+magasin+"&datedeb="+datedeb+"&datefin="+datefin+"&client="+client+"&famille_article="+famille_article+"&article="+article+"&sous_famille_article="+sous_famille_article+"&fournisseur="+fournisseur+"&achatvente="+achatvente);
}

Ensuite j'ai table.php qui contient :

<script type="text/javascript" src="javascripts/sorttable.js">
echo "<table name='statistique' class='sortable'>";
mon tableau
echo "</table>";


Et donc dans la fonction envoyer() me renvoie dans ma première page ce tableau mais pourquoi n'est il pas triable ? Il n'y a aucune solution ?

[ryan]

Yop!

La fonction envoyer() place tous les résultats de la requête en vrac dans l'élément dont l'ID est "StatBox".

Code :

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

1
2
 
document.getElementById('StatBox').innerHTML = xhr.responseText;

Cet élément "StatBox" se trouve dans la page index.php.

Où voudrais-tu placer les résultats de la requête? Dans l'élément dont le nom est "statistique "et qui se trouve dans la page table.php?