Contenu retractable
Description
le code affiche ou cache avec une animation syncronisé entre l'element que l'on ouvre et celui qui se ferme je suis partie sur la base d'un e de mes source un menu retractable en cherchant a simplifier au mieux la mise en place
pour afficher ou cacher un contenu on doit bien evidement cliquer a un endroit predefini et j'ai fait en sorte que l'on puisse deporter ou l'on veut
mise en place
le html se limite au minimum a un conteneur centrale un div qui contiendra toute les zones de contenue et une zone de clic (bouton div...etc) deux exemples son fourni
ensuite il y a deux variante du code dans le zip
soit on cree une fonction afin d'initialisé le ou les menu avec dans ce cas une contrainte le conteneur doit avoir une class css nomé "men_k_contenu" on donne la duree d'animation et l'appel a la fonction qui initialise l'ensemble en precisant l'id du conteneur ainsi que la classe css des elements ou l'on clic je suis parti du principe que les zone ou l'on clique on la meme class
soit dans la balise conteneur on utilise l'attribut data-retrac pour laquel on precise un objet json avec deux valeur la premiere valeur correspond a la class des boutons qui enclanche le code et la deuxieme a la vitesse de retractation
pour afficher ou cacher un contenu on doit bien evidement cliquer a un endroit predefini et j'ai fait en sorte que l'on puisse deporter ou l'on veut
mise en place
le html se limite au minimum a un conteneur centrale un div qui contiendra toute les zones de contenue et une zone de clic (bouton div...etc) deux exemples son fourni
ensuite il y a deux variante du code dans le zip
soit on cree une fonction afin d'initialisé le ou les menu avec dans ce cas une contrainte le conteneur doit avoir une class css nomé "men_k_contenu" on donne la duree d'animation et l'appel a la fonction qui initialise l'ensemble en precisant l'id du conteneur ainsi que la classe css des elements ou l'on clic je suis parti du principe que les zone ou l'on clique on la meme class
window.addEventListener("load",function(){
men_k.prototype.duree=0.5; //duree d'animation
men_k.prototype.init("id_conteneur",".class_css_bouton") // parametre 1: id du conteneur des zones d'affichage; parametre 2: class des zone de déclanchement
},false)
soit dans la balise conteneur on utilise l'attribut data-retrac pour laquel on precise un objet json avec deux valeur la premiere valeur correspond a la class des boutons qui enclanche le code et la deuxieme a la vitesse de retractation
<div class='conteneur_1' data-retrac='{"classe":"men_k_menu","vitesse":"0.5"}'>Codes Sources
A voir également
- Contenu retractable
- Le code contenu dans ce projet doit etre mis a jour ✓ - Forum VBA Office (Excel, Word ...)
- Copier le contenu d'une feuille excel dans une autre vba ✓ - Forum Visual Basic
- Contenu automatisé ✓ - Forum Visual Basic 6
- L'opération doit utiliser une requête qui peut être mise.. - Forum C# / .NET
- Copier le contenu d'une feuille excel dans une autre - Forum Visual Basic
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.