Je n'y connais pas grand chose en HTML/CSS/JAVASCRIPT mais des raisons professionnelles m'amènent à développer un petit gadget sidebar ...
Mon problème :
J'ai un bouton sur mon gadget, jusque là ça va ! Je voudrais qu'à chaque clic sur ce bouton, un compteur s'incrémente , jusque là ça va aussi !
Mais : - Lorsque le compteur a une valeur comprise entre 0 et 5 clics : affichage d'une liste de liens (toggle texte)
- Lorsque le compteur a une valeur égale à 6 clics : affichage d'une image + RàZ du compteur
Pour les fonctions affichage de la liste / affichage de l'image c'est ok , c'est vraiment la création du compteur, l'incrémentation a chaque clic et l'action du onclick en fonction de la valeur du compteur
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- Le bouton sur lequel il faut comptabiliser les clics : -->
<button class="Bouton" onclick="toggle_text('span_txt6');">
Divers </button> <br>
<!-- La liste de liens à afficher lorsque la valeur du compteur de clics se situe entre 0 et 5 clics : -->
<span id="span_txt6" style="display:none;">
<ul><li><a style=color:white; href="***.fr"> Lien 1 </a><br></li></ul>
</span>
<!-- Le script d'affichage du texte : -->
<script type="text/javascript">
function toggle_text(id) {
var span = document.getElementById(id);
if(span.style.display == "none") {
span.style.display = "inline";
} else {
span.style.display = "none";
}
}
<!-- Et au 6ème clic il faut afficher une image à la place de la liste de liens précédente et faire une RàZ du compteur -->
</script>
</body>
</html>
Bonjour et merci pour ta réponse,
Effectivement je signale la demande de déplacement, je n'avais pas fais attention ....
Ci-dessus le code que j'ai actuellement, je tiens à préciser que j'y connais pas grand chose et mon but n'est pas d'apprendre mais bien de concevoir ce gadget ponctuellement ! Je ferais une mise en forme avec .js etc.. quand j'aurais un truc qui tient la route !
Ce que je t'ai fais n'est pas dynamique par contre. C'est a dire que ça fonctionnera seulement avec un element en l'occurence ce que je t'ai fais et ça ira pas plus loin. Si tu veux que ça soit dynamique faudra le penser également.
Regarde le cours de JS sur OC, ou sur YT notamment sur l'utilisation de boucle (for), et la création de variable pour récupérer un élément du DOM
- Edité par WebCaine 22 février 2018 à 15:52:26
"Dans Javascript il y a script alors laissez ça aux scénaristes d’Hollywood" Tom Cruise
Oui c'est nul comme tu dis mais j'ai autre chose à faire de mes week ends !!! Je me rends compte que je suis complètement hermétique à tout ça je lâche l'affaire !
Merci à toi
Action lorsque compteur atteint une valeur
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Moderateur forum || FAQ 3D || discord 3D francophone || OC Tweak script