je tente de rendre l'élément onclick disponible sur l'élément html * textMenuNavigation *. Malgré de l'avoir inscrit à l'intérieur de l'élément, j'échoue à faire jouer mon code js pour slider.
Ici mon code html, vous remarquerez qu'il y a les dot circles puis les textes sur lesquels je veux activer le onclick, et c'est là que ça coince :/ :
javascript * le code consiste à gérer le passage d'un slide à un autre, retour à 1 ou x.length pour assurer la continuité du slide en cas de dépassement des extrêmes *
var slideIndex = 1;
showSlides(slideIndex);
// Next/previous controls
function plusSlides(n) {
showSlides(slideIndex += n);
}
// Thumbnail image controls
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("menuSlide");
var dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("menuSlide");
var textMenuNavigations = document.getElementsByClassName("textMenuNavigation");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < textMenuNavigations.length; i++) {
textMenuNavigations[i].className = textMenuNavigations[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
textMenuNavigations[slideIndex-1].className += " active";
}
Quelqu'un sait comment activer le on click sur mes éléments blocks ?
une image pour rendre le tout plus compréhensible, je veux rendre le onclick activable sur l'ensemble des éléments dans le cercle en bleu :
je suis ouvert à toute suggestion,
Bien à vous,
Armand
edit :
okay ça fonctionne, j'ai découvert que l'attribut "pointer" sert justement à changer la forme du curseur, mais en fait le mécanisme fonctionnait (y),
bien cordialement,
Armand
- Edité par ArmandDuchatel 16 janvier 2018 à 6:45:19
js : je dis à mon code d'intercepter l'élément en question puis d'exécuter une fonction déterminer. le currentSlide est en fait un callback qui est défini ailleurs dans le code
var dotThree = document.getElementsById("dotThree")
dotThree.addEventListener("click", currentSlideThree);
currentSlideThree = function currentSlide(3) {
showSlides(slideIndex = n);
}
mon code me semble logique pourtant, avec cette façon de faire mon slideshow s'effondre de manière pure et simple ...
si quelqu'un a des suggestions je suis preneur :),
salutations,
Armand
- Edité par ArmandDuchatel 16 janvier 2018 à 9:58:16
il s'agit effectivement de passer d'une page à l'autre à chaque clique,
actuellement je suis sur un autre projet je fais un retour dès que possible concernant ce code-ci,
bien à vous,
Armand
activer le *onclick* sur des blocks html
× 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.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)