Comment sélectionner un élément HTML en cliquant dessus

Fermé

Louisee_j Messages postés 10 Date d'inscription dimanche 31 janvier 2021 Statut Membre Dernière intervention 10 juin 2022 - 10 juin 2022 à 17:27
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 - 10 juin 2022 à 18:25

Bonjour tout le monde et merci du temps que vous accorderez pour m'aider.

Je crée actuellement une petite application pour les cours (Projet de cours).
Et j'ai rencontré un problème.

J'ai une liste d'icônes et j'aimerai qu'en cliquant dessus l'id de l'icône soit stocké dans une variable je m'explique :

-------------------------------------
code permettant de lister les icones - icone.php

<div id="modal-contract" class="ionicons-content">
    <div class="d-flex row flex-wrap">
        <?php foreach ($ionicons as $ionicon) : ?>
            <span class="icon-services col">
                <ion-icon class="services-ion" id="ionicons!<?= $ionicon['id_ionicons'] ?>" name="<?= $ionicon['name_ionicons'] ?>"></ion-icon>
           </span>
        <?php endforeach; ?>
    </div>
</div>

l'id de chaque icones est différentes

-------------------------------------------------------
code permettant de changer l'id stocker - icone.js

// Déclaration de la variable permettant de sauvegarder l'icone selectionner au clique.
var ioniconsService = NULL;

// Function permetteant de changer l'icone selectionner au clique.
function selectIconService(){
    ioniconsService = 1;
}

Je ne sais pas si c'est possible de faire ça en js.

Merci !

A voir également:

Comment sélectionner un élément HTML en cliquant dessus
Editeur html - Télécharger - HTML
Pdf element - Télécharger - PDF
Element introuvable impossible de supprimer - Guide
Inspecter l'élément android - Forum Wiko
Html download - Télécharger - HTML

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
Modifié le 10 juin 2022 à 18:25

Bonjour,

Il faut attacher l'évènement "click" sur tes icones..
Ensuite, facile de récupérer l'id ..

    const icons = document.querySelectorAll(".services-ion");
    icons.forEach( function(element){
      element.addEventListener("click",function(event){
        var id = this.id;
        alert("j'ai cliqué sur :"+id);
      });
    });

Discussions similaires

Comment "inspecter l'élément" sur Mac ?

Espace en HTML

ne pas utiliser la souris mais le clavier

Impossible de copier car cet élément est trop volumineux

&nbsp ; Quelle Fonction ?

Discussions similaires

Newsletters