Recherche d'éléments HTML dans le DOM

Résolu

Krustiz Messages postés 63 Date d'inscription dimanche 3 décembre 2017 Statut Membre Dernière intervention 16 mars 2020 - 18 nov. 2019 à 18:39
Krustiz Messages postés 63 Date d'inscription dimanche 3 décembre 2017 Statut Membre Dernière intervention 16 mars 2020 - 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();
    }

A voir également:

3 réponses

Réponse 1 / 3

Krustiz Messages postés 63 Date d'inscription dimanche 3 décembre 2017 Statut Membre Dernière intervention 16 mars 2020
20 nov. 2019 à 12:36

Réponse 2 / 3

@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 153
20 nov. 2019 à 17:19

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 63 Date d'inscription dimanche 3 décembre 2017 Statut Membre Dernière intervention 16 mars 2020
Modifié le 22 nov. 2019 à 18:37

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>

Réponse 3 / 3

@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 153
Modifié le 22 nov. 2019 à 20:01

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)

Krustiz Messages postés 63 Date d'inscription dimanche 3 décembre 2017 Statut Membre Dernière intervention 16 mars 2020
25 nov. 2019 à 18:29

C'était pas ce que je voulais faire, mais j'ai quand-même trouvé de mon côté :)

Discussions similaires

Bloquer tous les éléments d'une feuille

Tableau d'images a trois dimension

dimension d'un logo

Dimension prog

le type ne correspond pas

Votre réponse

Discussions similaires