Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : Tableau triable ajax [ Web 2.0 / Ajax ] (Kikinoubarca)

mercredi 11 juin 2008 à 16:00:54 | Tableau triable ajax

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.

mercredi 11 juin 2008 à 18:49:27 | Re : Tableau triable ajax

neigedhiver

Salut,

Tu ne précises pas si tu utilises un framework ou une lib Javascript...
Certaines libs (pour ma part j'utilise jQuery) permettent de trier automatiquement (plus exactement, via une simple fonction).
Quant au code JS complet... C'est pas mon domaine de compétences... J'imagine assez facilement l'algo, mais pas le code...
- parcourir les lignes d'un tableau HTML
- les stocker dans un tableau JS
- trier le tableau JS
- remplacer le contenu du tableau HTML par le contenu du tableau JS


Neige

N'hésitez pas à lire la doc de PHP avant de poser des questions triviales...

jeudi 12 juin 2008 à 15:54:57 | Re : Tableau triable ajax

Kikinoubarca

Une lib javascript la sorrtable.js ...

Mon soucis est plus du point de vue que cela ne marche pas dans le cas que je viens de citer plus haut en revanche elle marche bien dans une page php simple mais pas quand la page php est appelé par de l'ajax puis retransmit dans une autre page php.

jeudi 12 juin 2008 à 16:28:59 | Re : Tableau triable ajax

Kikinoubarca

Je réexplique mon problème :

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
Citation:
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 ?

jeudi 12 juin 2008 à 17:18:20 | Re : Tableau triable ajax

neigedhiver

Salut,

Est-ce qu'il ne faut pas réexécuter le script pour trier une fois le contenu récupéré ?
Parce qu'en toute logique, le contenu de la page, même écrit par JS doit être manipulable... :/


Neige

N'hésitez pas à lire la doc de PHP avant de poser des questions triviales...

mardi 24 juin 2008 à 12:52:34 | Re : Tableau triable ajax

Kikinoubarca

Salut, Je ne sais pas du tout comment on le réexécute ce script ...



Cette discussion est classé dans : page, php, tableau, ajax, triable


Répondre à ce message

Sujets en rapport avec ce message

pagination sur une page php [ par hbib ] salut,je souhaiterai savoir comment faire pour faire une pagination sur une page phpen effet jai un tableau qui affiche differente infos de ma base de Exécution d'une page php dans un tableau [ par zuflau ] Bonjour,Je souhaite connaître le meilleur pour :Développement d'une interface avec plusieurs images et sans aucun frame. Je souhaite, lorsque je j'uti Exécution page php dans une cellule d'un tableau [ par zuflau ] Bonjour,Je souhaite connaître le meilleur pour :Développement d'une interface avec plusieurs images et sans aucun frame. Je souhaite, lorsque je j'uti passage tableau d'instance [ par Sk8yo ] sk8yobonlour a tous,voila mon pbm, en fait dans une page php je rempli un tableau dont chacune des cases est une instance de classe et j aimerai le fa Php sans recharger la page [ par albinOz ] Bonjour à tous, Pour commencer, j'ai, grâce à vous, presque terminé mon projet d'annuaire d'entreprise . Pour aller plus loin, j'ai mis une contribu probléme pseudo frame [ par tokita ] Bonjour a tous, sur mon site http://azikan.free.fr/V4/ j'utilise des pseudos frames, tout fonctionné parfaitement jusqu'a aujourd'hui. Je sais pas co insertion d'un reponse ajax dans une page php [ par barcawi ] Bonjour Svp je cherche une solution à un problem qui m'a vraiment troublé,<br / Probleme php ou css ? [ par MaxusViardis ] Boujour a tous,Voila je viens de faire une page index qui coniens des balise div qui sont 4 bloc successif posistionné avec "float". Ces blocs sont l' Galère ajax et cookies avec php [ par sbool ] Bonsoir tout le monde;Je ramme grave depuis une heure avec mon script:Avec un exemple de wikipedia, je viens juste de me mettre à l'ajax (pourtant les Lien php [ par Heny ] Bonjour Dans une premiére page nommée Page01.php il ya un tableau de 10 lignes et  de deux colonnes une pour les images et l'autre p


Nos sponsors

Sondage...

CalendriCode

Janvier 2009
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Consulter la suite du CalendriCode

Téléchargements



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,858 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.