Discussion :

[Johngtrs]

Bonjour,

Je cherche de l'aide pour réaliser un index alphabétique. J'aimerais connaitre les bases pour arriver en faire un.

Personnellement j'ai commencé à en faire un avec ajax, pour éviter le rechargement de page lorsque l'on clic sur une lettre.

J'ai vu aussi que jQuery propose une fonction qui nous permet de le faire, mais je n'arrive pas à m'en servir.

http://www.ihwy.com/Labs/jquery-listnav-plugin.aspx

John.

[gene69]

précise le contexte.

[Johngtrs]

Et bien j'ai une page qui s'appel download.php et dedans je veux un index alphabétique, que j'ai déjà créé, mais non fonctionnel. En cliquant sur une lettre, ça nous affiche tout les groupes de musique de la base de données commençants par la lettre choisie.

[Benjamin Delespierre]

J'ai créé ce petit plugin jQuery qui pourrait t'aider. Démonstration. ça sert normalement à faire des recherches dans des listes mais je pense que ça peut couvrir ton besoin.

[Johngtrs]

Le problème avec ce plug c'est que mes info sont dans la base de données et que chaque lettre est un href.

[Benjamin Delespierre]

Si tu veux un comportement personnalisé, tu vas devoir le créer, c'est pas franchement compliqué, un script PHP qui peut faire une recherche à partir d'une lettre, un script JS capable de charger ça dynamiquement au clic sur un de tes href et hop. Avec jQuery c'est vite fait.

[Johngtrs]

Je sais que c'est vite fait mais j'aimerais savoir comment faire :p. j'ai fais comme ceci :

J'ai créé un index alphabétique, avec chaque lettre des href. Lorsque je clic sur une lettre, ça passe dans le fichier javascript sur le onClick de la lettre.

Dans cet évènement je fais appel a une fonction ajax à qui j'envoie le value de la lettre du href et qui fait appel au serveur.php.

Dans serveur.php je regarde si j'ai bien reçu une lettre, dans ce cas, je fais ma requete sql qui permet d'afficher tous les groupes qui commence par la lettre choisie.

Le résultat de la requete est transmit au fichier javascript (enfin j'ai petit problème avec le retour de la requête, j'arrive pas a récupérer tout les groupes, je récupère que le dernier...).

Bon pour l'instant j'ai qu'un groupe qui arrive dans un paramètre d'une fonction, mais passons. Là je bloque, car je dois l'afficher dans la page download.php. je vois pas comment envoyer les informations que j'ai reçu dans javascript, dans une une page php.

Il y aurait une autre façon de procéder ?

[Benjamin Delespierre]

Oui, faire charger directement une partie du flux de la page.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<section id="alpha-index">
  <a href="server.php?key=a">A</a>
  <a href="server.php?key=b">B</a>
  <a href="server.php?key=c">C</a>
  ...
</section>
<section id="bands"></section>
<script type="application/javascript">
jQuery(function ($) {
  $('#alpha-index a').click(function () {
    $('#bands').load($(this).attr('href'));
    return false;
  });
});
</script>

Coté serveur, le script server.php doit renvoyer un flux HTML contenant les informations demandées pour le paramètre $_GET['key'] tout simplement.

[SpaceFrog]

peut être une autre source d'inspiration
http://javascript.developpez.com/faq...=Other#TrierLi

[Johngtrs]

En fait j'ai finis par trouver.

Coté serveur.php j'ai fais tout les traitements qu'il fallait.

Requête sql qui comparer la lettre cliqué avec les noms de la base de données, boucle pour créer les lignes dans la page html. Puis coté JavaScript, en utilisant Ajax, j'ai pu récupérer le retour des echo du serveur.php.

J'ai donc alors affecté le paramètre de la fonction ajax dans le innerHTML de la div.

Voili voilou. Merci pour vos réponse, je mets ça de côté au cas où. Maintenant je dois corriger mon autre problème.

J'en parle ici : http://www.developpez.net/forums/d12...ion-did-volee/

Merci.

John.