Bonjour,
Je débute en Javascript (et en développement tous court d'ailleurs...), et je rencontre un soucis dans le développement de boutons.
En effet, je souhaite réaliser une liste de boutons qui permettraient d'afficher au clique certains éléments (placer dans des divs distinctes). Chaque activation d'un bouton rendrait le bouton précédemment cliquer inactif permettant ainsi de n'afficher que les informations relatives au bouton cliquer.
J'ai réaliser un script (ci-dessous), mais celui-ci ne marche pas comme il faudrait. En effet:
1- Les boutons sont de bases tous actifs... Au chargement de la page, tous les éléments sont affichés les uns en dessous des autres. Il faut préalablement cliquer sur les boutons pour les cacher.
2- L'activation d'un bouton ne désactive pas les autres... (les éléments s'affichent donc en dessous des autres au clique, à moins de clique sur le boutons pour le désactiver)
Pour le premier problème j'ai tenter d'inverser les attribut java "show" et "hide" mais rien n'y fait... le même comportement s'opère...
Pour le second je ne trouve pas quoi ni comment introduire cette notion dans mon JAVA...
Voilà mes codes :
Auriez-vous quelques conseils ou solutions à me donner ?
Je vous remercie d'avance pour vos réponses
Bonne soirée (ou journée, c'est selon )
Modifié par Myly (08 Oct 2015 - 23:31)
Je débute en Javascript (et en développement tous court d'ailleurs...), et je rencontre un soucis dans le développement de boutons.
En effet, je souhaite réaliser une liste de boutons qui permettraient d'afficher au clique certains éléments (placer dans des divs distinctes). Chaque activation d'un bouton rendrait le bouton précédemment cliquer inactif permettant ainsi de n'afficher que les informations relatives au bouton cliquer.
J'ai réaliser un script (ci-dessous), mais celui-ci ne marche pas comme il faudrait. En effet:
1- Les boutons sont de bases tous actifs... Au chargement de la page, tous les éléments sont affichés les uns en dessous des autres. Il faut préalablement cliquer sur les boutons pour les cacher.
2- L'activation d'un bouton ne désactive pas les autres... (les éléments s'affichent donc en dessous des autres au clique, à moins de clique sur le boutons pour le désactiver)
Pour le premier problème j'ai tenter d'inverser les attribut java "show" et "hide" mais rien n'y fait... le même comportement s'opère...
Pour le second je ne trouve pas quoi ni comment introduire cette notion dans mon JAVA...
Voilà mes codes :
<li><button id="bt-contact" type="button" class="btn btn-group-lg"onclick="Show_mail(contact_mail)"><i class="fa fa-envelope text-center"></i></button></li>
<div id="contact_mail" class="type text-center" style="display: none>
<div class="col-sm-6 col-md-3 col-lg-3">
Lorem ipsum
</div>
</div>
function Show_mail(contact_mail) {
if (false == $(contact_mail).is(':visible')) {
$(contact_mail).show(250);
}
else {
$(contact_mail).hide(250);
}
}
Auriez-vous quelques conseils ou solutions à me donner ?
Je vous remercie d'avance pour vos réponses
Bonne soirée (ou journée, c'est selon )
Modifié par Myly (08 Oct 2015 - 23:31)