Lien 'Plus d'information' en HTML
bigbik
Messages postés
159
Date d'inscription
Statut
Membre
Dernière intervention
-
avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Pour les besoins de mon site, je souhaiterai créer un lien ou bouton qui se nomme 'Plus d'information' comme sur certain site web.
L'idée est que quand la personne clic dessus, il y aura automatique des informations qui vont s'afficher sur la même page mais en dessous du lien et si la personne reclic dessus automatique les informations disparaissent.
connaissez-vous la démarche pour exécuter cela ou bien un exemple concret please
Pour les besoins de mon site, je souhaiterai créer un lien ou bouton qui se nomme 'Plus d'information' comme sur certain site web.
L'idée est que quand la personne clic dessus, il y aura automatique des informations qui vont s'afficher sur la même page mais en dessous du lien et si la personne reclic dessus automatique les informations disparaissent.
connaissez-vous la démarche pour exécuter cela ou bien un exemple concret please
A voir également:
- Info.html?id=
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Verificateur de lien - Guide
- Editeur html - Télécharger - HTML
- Information d'identification réseau - Guide
5 réponses
Salut,
Il suffit de mettre le contenu que tu souhaites afficher/masquer dans un <div> masqué grâce au CSS.
Au clic sur le lien, il suffit d'afficher cet élément grâce à du Javascript.
Pour faire une animation, tu peux utiliser une bibliothèque (jQuery, Scriptaculous, etc).
Pour faire le lien entre le lien et le <div>, tu peux ajouter un id au <div> et l'indiquer en argument de la fonction servant à afficher/masquer le <div>.
Il suffit de mettre le contenu que tu souhaites afficher/masquer dans un <div> masqué grâce au CSS.
Au clic sur le lien, il suffit d'afficher cet élément grâce à du Javascript.
Pour faire une animation, tu peux utiliser une bibliothèque (jQuery, Scriptaculous, etc).
Pour faire le lien entre le lien et le <div>, tu peux ajouter un id au <div> et l'indiquer en argument de la fonction servant à afficher/masquer le <div>.
les deux réponses précédentes sont valables, tu peux aussi tout simplement diriger ton lien vers une page qui contiendra tes 'infos en plus" ;)
Merci pour les réponses.
j'ai regardé la doc sur les infobulles mais il semble qu'elles permettent d'afficher entre autre des infos sur le lien.
Mon objectif est de faire apparaitre le contenu du lien en dessous du lien même par clic sachant que la page qui pointe vers le lien est un tableau php avec un contenu dynamique
j'ai regardé la doc sur les infobulles mais il semble qu'elles permettent d'afficher entre autre des infos sur le lien.
Mon objectif est de faire apparaitre le contenu du lien en dessous du lien même par clic sachant que la page qui pointe vers le lien est un tableau php avec un contenu dynamique
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Hmmm,
Dans ce cas là si c'est par BDD, avec l'infobulle c'est très facile à faire si tu copies le code du tableau dynamique dans le rel="" de ton infobulle. Ou sinon il faudrait que tu t'arrange à ce que ton tableau soit dans un fichier.php (et qu'il n'y a que le tableau dedant) et que tu mettes un truc du genre sur le lien de ton infobulle: rel="<?php include('tableau_a_afficher.php'); ?>"
Après c'est à prendre ou à laisser ce n'est qu'une idée ;)
Dans ce cas là si c'est par BDD, avec l'infobulle c'est très facile à faire si tu copies le code du tableau dynamique dans le rel="" de ton infobulle. Ou sinon il faudrait que tu t'arrange à ce que ton tableau soit dans un fichier.php (et qu'il n'y a que le tableau dedant) et que tu mettes un truc du genre sur le lien de ton infobulle: rel="<?php include('tableau_a_afficher.php'); ?>"
Après c'est à prendre ou à laisser ce n'est qu'une idée ;)
Là on parle d'afficher/masquer des morceaux de textes, c'est-à-dire modifier la page du côté client, et donc -> Javascript
Puis je ne pense pas que ce soit une info-bulle qu'il désire.
Ta solution qui consiste à inclure le code du tableau dans l'attribut, je doute aussi que ce soit une bonne idée : suffit qu'il y ait un guillemet et la page affichera du code. Ou alors combiner avec htmlentities()
Puis je ne pense pas que ce soit une info-bulle qu'il désire.
Ta solution qui consiste à inclure le code du tableau dans l'attribut, je doute aussi que ce soit une bonne idée : suffit qu'il y ait un guillemet et la page affichera du code. Ou alors combiner avec htmlentities()
