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?