11486 sujets

JavaScript, DOM et API Web HTML5

Bonjour j'ai crée une function pour des boutons suivant et précédents mais ceux-ci sont long à maintenir, je veux dire par la que je dois à chaque cible en plus pour l'ouverture et fermeture des div concerner par les boutons, je doit recoder les boutons ce qui est long.
Voila le code d'un bouton pour une action.

/*BOUTON 1 MOB */
var concombreMOB = document.querySelector(".BTNACTCON1");
var activMOB = document.querySelector("#BlockhiddMOB");
var concombre1MOB = document.querySelector(".BTNACTCON12");
var activ1MOB = document.querySelector("#BlockhiddMOB");
/*BOUTON 1 TAB */
var concombreTAB = document.querySelector(".BTNACTCON1");
var activTAB = document.querySelector("#BlockhiddTAB");
var concombre1TAB = document.querySelector(".BTNACTCON12");
var activ1TAB = document.querySelector("#BlockhiddTAB");

function prevbtn2mobversion() {
     activ1MOB.classList.toggle("is-active");
	   // chache les autre tab si ils sont affichés
	 activ2MOB.classList.remove("is-active");
}

function nextbtn2mobversion() {
     activ31MOB.classList.toggle("is-active");
	   // chache les autre tab si ils sont affichés
	 activ2MOB.classList.remove("is-active");
}

Le bouton sert cacher ou reveler un tableau lorsque cliquer sachant que j'ai 3 version different du même tableau un pour pc un pour tablette et un pour mobile que dans chaque page j'ai plusieurs tableau, jai mis un lien sur le bouton qui une fois cliquer amène le visiteur sur le tableau fraichement ouvert.
J'aimerais savoir si il été possible de faire une seule fonction pour chaque type de bouton( bouton suivant, bouton précédent). Exemple si je clique sur le bouton suivant avec l'id BTNx il ferme se bouton et ouvre le bouton BTNX+.
Est ce possible ?
Merci d'avance pour vos réponses et bonne journée.
Hello,

je n'ai pas tout compris ( désolé je suis long ^)
Tu pourrais faire un codepen stp ?

Sinon oui tu peux n'avoir qu'une unique fonction, il suffit de passer d'autres arguments.

Sinon de ce que j'ai cru comprendre, tu peux aussi, dans une fonction, simuler un click sur un bouton, ce qui va déclencher la fonction voulue ( ce n'est pas super propre mais c'est faisable )