Discussion :

[Jarodd]

Bonjour,

On m'a demandé de refaire un tableau de données sur notre intranet, et d'y ajouter les fonctionnalités de filtres et de tri de TableSort, exactement comme l'exemple en ligne.

J'ai lu plusieurs présentations de Jquery dont l'intro à la bilbiothèque, étant bien initié aux css j'ai compris les principes de bases. Seulement je n'arrive pas à mettre ces fonctionnalités disponibles dès le chargement de la page, en gros pour éviter de cliquer sur le bouton Go de l'exemple...

Code :

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

<input onclick='$("table.datas").eq(0).tableFilter();' value="Go" type="button">

(j'ai conservé le reste du code, à part les styles css)

Sur cette ligne je ne comprends pas à quoi fait référence .eq(0).tableFilter(); j'ai beau chercher dans tous les fichiers .js joints à l'exemple, je ne trouve pas... Pouvez-vous m'aiguiller svp ? Merci d'avance !

[marcha]

Salut,

Pour exécuter quelque chose initialement tu peux utiliser

Code :

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

1
2
3
$(document).ready( function() { 
  // ici le code d'initialisation de ta page
});

Cette fonction est appelée quand le DOM est prêt (avant le onload)

Concernant cette ligne:

Code :

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

$("table.datas").eq(0).tableFilter();

Il te faut la lire ainsi:

Code :

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

1
2
$("table.datas").eq(0) // sélecteur JQuery
tableFilter() // appel de fonction sur tous les éléments qui "match" le sélecteur

En l'occurrence, un seul, car eq(0) réduit la liste des éléments sélectionnés
à 1 seul. Le premier ici, car '0' représente l'index dans cette liste.

$("table.datas") sélectionne toutes les balises tables dont l'attribut class est
'datas'.

Quant à tableFilter tu trouvera le code de la fonction dans le fichier
jquery.tableFilter.js sous cette forme:

Code :

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

jQuery.fn.tableFilter = function(...

Cette notation permet d'étendre jQuery ce qui permet un appel à tableFilter
sur une sélection jQuery.

[Jarodd]

Merci du conseil !

Je vais voir si je m'en sors et je reviendrai peut-être ici