Liste déroulante dans page
-
Bonjour,
Je cherche à créer dans une page des liens déroulants. Je m’explique: dans ma page « Agenda », plutôt que de lister des centaines d’événements (peu pratique puisque si l’on chercher un mois en particulier on n’a pas besoin de tout faire défiler), j’aimerais écrire un mois (Mars par exemple) et quand l’internaute clique dessus, il a accès à toute la liste des évènements du mois de Mars.
J’espère que j’ai été assez clair, je ne sais pas vraiment comment on appelle ça.
Merci de votre aide.
Cordialement.
EzéchielL’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).
-
Je précise que je parle bien de cela dans la page en ayant cliqué et pas simplement en effleurant cette dernière avec le curseur.
Cdt -
Bonjour Ezéchiel. Vous parlez de http://nycalternatif.com ?
Une liste déroulante (drop-down list), c’est une petite boîte qui, une fois cliquée, permet de sélectionner le choix voulu (comme la boîte « Ce sujet est résolu/non résolu » que vous voyez dans la barre latérale droite de ce sujet).
Mais si je comprends bien, vous voulez plutôt une liste extensible (expandable list), où vous cliquez sur le mois pour que, sans quitter la page, la liste des activités apparaisse immédaitement en dessous. Comme ceci par exemple :
http://www.dnolan.com/code/js/listmenu/Dans les deux cas, les limites de WordPress.com ne le permettraient pas je crois.
Par contre, vous pourriez mettre une série de liens en haut de page pointant vers le bas de la page, avec des balises « a name ». Le sujet suivant pourrait vous donner une idée de ce que cela donne, mais n’hésitez pas à demander des éclaircissements :
https://fr.forums.wordpress.com/topic/comment-faire-un-lien-pour-aller-en-bas-de-page?replies=8#post-9750 -
Oui c’est une expendable list en fait. Sur le lien forum que vous m’indiquez je n’ai pas vraiment compris comment effectuer la manipulation.
Cordialement.
Ezéchiel -
1- Créez un lien ou une liste de liens en haut de la page :
<a href="#janvier" title="Janvier">Janvier</a> <a href="#février" title="Février">Février</a> ...2- Au début de chaque section, créez le lien suivant (vous remarquerez que ce n’est plus href mais bien name, et que le # disparaît) :
<a name="janvier"></a>Janvier Activité 1 - le 2 janvier Activité 2 - le 5 janvier ...Voir le lien ci-dessous pour d’autres précisions :
http://en.support.wordpress.com/splitting-content/page-jumps/ -
-
PS: on ne peut créer de liste extensible parce que c’est en Java et que ce n’est pas compatible WP.com?
-
A priori, on ne peut pas parce que c’est en Java Script effectivement. Je ne sais pas s’il y a une autre façon.
-
-
Voila j’ai appliqué ce que vous avez écrit.
Cependant comment faire pour mettre un lien afin de revenir en haut de page? (une sorte de retour en fait)
Cordialement.
E -
Vous faites le contraire : vous mettez un lien comme ceci en haut d’article :
<a name="top"></a>
…et au bas de chaque section, vous mettez un lien comme ceci :
<a href="#top" title="Haut de page">Haut de page</a> -
Merci Airodyssey
Oui dans ce cas la, il y aura 2 fois la même ligne en haut de page -
Deux fois la même ligne? Je ne comprends pas ce que vous voulez dire, mais j’ai été voir http://nycalternatif.com/agenda/ et les liens semblent bien fonctionner.
-
-
- Le sujet ‘Liste déroulante dans page’ est fermé aux nouvelles réponses.
Forums WordPress.com en français 