foreach récupération ID dans les liens pour l'ouverture d'une modale

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • foreach récupération ID dans les liens pour l'ouverture d'une modale

    Bonjour,

    Sous Joomla 4 par un foreach, j’appelle des enregistrements qui contiennent chacun une même modale qui s’ouvre par un lien de type A.

    En front, les enregistrements apparaissent sans problème.

    Par contre, en cliquant sur n’importe quel lien qui ouvre la modale, les variables appelées sont toujours celles de l’enregistrement situé en haut de page, alors que naturellement elles devraient faire apparaître distinctement celles correspondant au lien cliqué.

    Chaque lien contient une variable B de type data-id (ID de l’enregistrement correspondant) et, je constate quelles sont bien distinctes pour chaque enregistrement.

    Au clic, chaque lien ouvre la modale sur la page d’origine.

    J’ai essayé en vain de récupérer cette variable B par jquery pour :
    . M’en servir ensuite au niveau de l’ouverture de la modale
    . Pouvoir appelé les éléments propres à chaque enregistrement.

    Mais, rien n’y fait, bien que j’ai parcouru de nombreux forums.

    Mes questions sont les suivantes :
    . JQUERY : comment récupérer en javascript l’ID de chaque lien figurant dans data-id ?
    . Comment passer ensuite cette ID à la modale ?

    Inclut dans le foreach :

    echo '</b><br/><div class="accueil20b1a">';
    echo '<a href="#id01" id="nolw" data-id="';
    echo $id;
    echo '" >Compléments</a>';
    echo '
    <div id="id01" class="modaldag">
    <div class="modaldag-dialog">
    <div class="modal-contentdag">
    <div class="container-modaldag">
    <a href="#" class="closebtndag">×</a>
    </div>
    <div class="container-modaldag">';
    require 'default4.php';
    echo '
    </div>
    </div>
    </div>
    </div>
    Merci d'avance pour votre aide.

    Très cordialement

    Philippe
    Début
    04/12/2022
    Fin
    04/12/2022

  • #2
    Bonjour,

    J’ai avancé sur le sujet en créant une fonction JS qui permet de récupérer dans la page d’origine l’ID de chaque lien A de la liste FOREACH des enregistrements.

    <script>
    function getTypeReport(oLien){
    var idPers = $(oLien).data("id");
    //var el = oLien.dataset.id
    console.log("value : " + idPers);
    }
    </script>


    Toujours sur la page d’origine, en mettant un ALERT dans ma fonction JS, je constate que l’ID de chaque lien est bien récupéré dans la page A sous un format JS, la variable ainsi créée se nomme « idPers »

    Distinctement pour chaque lien A, la page d’origine du type FOREACH ouvre une modale comme vous pouvez le constater sur le code ci-dessous.

    echo '</b><br/><div class="accueil20b1a">';
    echo '<a href="#id01" class="report" data-id="';
    echo $id;
    echo '"';
    echo ' onclick="getTypeReport(this)"';
    echo '>Compléments</a>';


    Au clic sur un lien d’un enregistrement, la modale s’ouvre mais je ne parviens pas à récupérer la variable JS idPers dans la modale malgré bien des tentatives de type $_GET


    Comment faire dans la modale ?

    Merci de votre aide.

    Très cordialement

    Philippe

    Commentaire


    • #3
      Erreur l'appel ONCLICK est :

      echo '</b><br/><div class="accueil20b1a">';
      echo '<a href="#id01" class="report" data-id="';
      echo $id;
      echo '"';
      echo ' onclick="getTypeReport(this)"';
      echo '>Compléments</a>';

      Commentaire

      Annonce

      Réduire
      Aucune annonce pour le moment.

      Partenaire de l'association

      Réduire

      Hébergeur Web PlanetHoster
      Travaille ...
      X