Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 25/01/2011, 13h45   #1
Membre habitué
 
Inscription : juillet 2006
Messages : 664
Détails du profil
Informations forums :
Inscription : juillet 2006
Messages : 664
Points : 132
Points : 132
Par défaut Faire une liste paginée avec rafraichissement automatique

Bonjour à tous,

Voici mon besoin :

Pour mon site, je voudrais pouvoir présenter une liste d'éléments présentée dans un tableau. Ce tableau doit être paginé, doit pouvoir être triable et avec data loading, c'est-à-dire que le tableau doit se rafraîchir automatiquement lors de l'ajout d'un nouvel élément.

Quelqu'un connait-il un script pour pouvoir faire ceci ?

Merci
__________________
Le seul, le vrai Facebook killer
https://www.weetool.com
identifiant_bidon est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/01/2011, 21h04   #2
Membre confirmé
 
Inscription : juillet 2008
Messages : 407
Détails du profil
Informations forums :
Inscription : juillet 2008
Messages : 407
Points : 289
Points : 289
Alors, pour la pagination et le tri, le meilleur que je puisse connaître c'est TableSorter (un plugin jQuery).

Sinon, t'as tout une liste ici.

En ce qui concerne le rafraîchissement automatique du tableau en cas d'arrivée de données, c'est un peu chaud à mon avis.
En gros, c'est le serveur qui doit faire le push ... or le PHP exécute un script et puis s'"éteint" (à moins de lancer un script infini).

Donc, je pense que le plus simple c'est d'auto-raffraîchir ton div toutes les X secondes (avec jQuery):

Code :
1
2
3
4
5
6
7
8
 
<script type="text/javascript">
var auto-raffraichissement = setInterval(
function ()
{
$('#mon_div_qui_contient_le_tableau').load('charger_tableau.php').fadeIn('slow');
}, 5000); // 5000 ms
</script>
b_zakaria est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 26/01/2011, 06h55   #3
Membre habitué
 
Inscription : juillet 2006
Messages : 664
Détails du profil
Informations forums :
Inscription : juillet 2006
Messages : 664
Points : 132
Points : 132
Super.

Merci beaucoup Zakaria pour ta réponse.

Ceci dit, je ne connais pas bien JQuery. Tu peux m'expliquer vite fait le bout de code que tu as donné et notamment : charger_tableau.php, c'est quoi ??

Merci
__________________
Le seul, le vrai Facebook killer
https://www.weetool.com
identifiant_bidon est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 30/01/2011, 21h10   #4
Membre confirmé
 
Inscription : juillet 2008
Messages : 407
Détails du profil
Informations forums :
Inscription : juillet 2008
Messages : 407
Points : 289
Points : 289
charger_tableau.php: ce fichier te permettra de récupérer les données côté serveur.

As-tu commencé à coder? Si tu as un bout de code, n'hésite à en faire part pour t'aider à avancer.
b_zakaria est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 31/01/2011, 08h42   #5
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 007
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 007
Points : 45 091
Points : 45 091
sinon sans jquery j'ai proposé un script dans les contributions:
http://www.developpez.net/forums/d10...au-html-table/
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 02h59.


 
 
 
 
Partenaires

Hébergement Web