Recherche d'éléments HTML dans le DOM [Résolu]

Messages postés
62
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
25 novembre 2019
- - Dernière réponse : Krustiz
Messages postés
62
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
25 novembre 2019
- 25 nov. 2019 à 18:29
Bonjour,
Je cherche actuellement à reproduire ce mécanisme :
Lorsque je clique sur mon bouton, une fonction se lance :
Cette fonction récupère le data-attribut "redirection" du bouton qui a appelé la fonction.
Après cela, la fonctionne recherche dans le DOM un fieldset qui porte un ID dont la valeur est identique à celle du data-attribut récupéré précédemment. Et pour finir la fonction attribue une class "active" à ce fieldset trouvé selon les conditions de la recherche.

Je recherche une solution en jQuery/pure javascrit mais j'ai une préférence pour jQuery pour sa simplicité.

J'ai également cherché de mon côté, c'est pas très glorieux mais voilà :
HTML :
<button class="btn btn-retour" id="btn-retour-1" data-onclick="page_suivante(this);" redirection="onglet1">Précédent</button><button class="btn btn-suivant" id="btn-next-2" disabled>Suivant</button>


jQuery :
function page_suivante(index) {
        $("fieldset.onglet.active").removeClass("active");
        if ($("div.panel-body").find("fieldset").attr("id") == this.data("redirection")) {
            
        }
        $("fieldset.onglet.active").show();
    }
Afficher la suite 

3 réponses

Messages postés
62
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
25 novembre 2019
0
Merci
UP
Commenter la réponse de Krustiz
Messages postés
1731
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
1 décembre 2019
51
0
Merci
bonjour

j'ai du mal a comprendre ce que tu veut faire des truc comme
data-onclick="page_suivante(this);
c'est étrange
Krustiz
Messages postés
62
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
25 novembre 2019
-
Oulah oui mince, j'ai inversé les deux balises, la fatigue :(
<button class="btn btn-retour" id="btn-retour-1" data-redirection="onglet1" onclick="page_suivante(this);">Précédent</button>
Commenter la réponse de @karamel
Messages postés
1731
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
1 décembre 2019
51
0
Merci
un data attribut doit etre precedé du mot data

data-redirection="onglet1" 


et pour y acceder afin de recuperer le nom de l'id utilise dataset

var nom_id=index.dataset.redirection
alert(nom_id)


et pour acceder a l'element

document.getElementById(nom_id)


rien ne sert de courir il faut partir a point.
cours Forest cours !
Krustiz
Messages postés
62
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
25 novembre 2019
-
C'était pas ce que je voulais faire, mais j'ai quand-même trouvé de mon côté :)
Commenter la réponse de @karamel