Du code SPIP dans une fonction javascript avec paramètres

Vincent

Mars 2014

Bonjour,

J’ai une page "annuaire" qui liste tous les membres de mon labo.
Sur chaque ligne j’ai photo/nom/prenom/fonction + 1 bouton
Si le visiteur clique le bouton, je veux qu’un popup bloquant (dialog modal) s’ouvre et affiche des informations concernant la personne sélectionnée (numéro de poste, email, etc....)

Le popup modal fonctionne déjà. Je l’ai récupéré ici :
http://www.ericmmartin.com/projects/simplemodal-demos/
(cliquez le bouton "Demo" de "Basic Modal Dialog")
Il s’agit d’un plugin de jQuery.

Un peu de code avant de vous exposer mon problème :
Dans mon squelette :

<head>
    <link type='text/css' href='squelettes/css/charte-2/modalPopup.css' rel='stylesheet' media='screen' />

    <!-- Load jQuery, SimpleModal and Basic JS files -->
    <script type="text/javascript" src="#CHEMIN{prive/javascript/jquery.js}"></script>

    <script type='text/javascript' src="#CHEMIN{squelettes/js/modalPopup/jquery.simplemodal.js}"></script>

    <script type='text/javascript' src="#CHEMIN{squelettes/js/modalPopup/basic.js}"></script>

</head>

//Le bouton est dans une boucle et #ID est l'identifiant du membre: 
...
            <div id='basic-modal'>
            <input type='button' value='Details' class='dispDetails' id=#ID>
...
            </div>

Le javascript appelé lorsqu’on appuie sur le bouton

jQuery(function ($) {
	$('#basic-modal .dispDetails').click(function (e) {

        $('<div>Lab member id = ' + $(this).attr("id")  + '</div>').modal(); //ça marche
      
       //Ca ne marche pas :(
        $('<div> \
          <BOUCLE_test(neurophotonics:functionMember)> \
          #FUNCTION \
          </BOUCLE_test> \
          </div>').modal();

		return false;
        });
});

Je n’arrive pas à afficher le contenu de ma base de données dans la fonction javascript. Avec ce code, "#FUNCTION" s’affiche 1 seule fois dans mon popup au lieu de la données pointée et alors que la base de données contient plusieurs entrées.

J’ai aussi encadré la boucle "BOUCLE_test" avec les balise

<script> </script>

mais là plus rien n’affiche (plus de popup)

A terme je voudrais extraire et afficher dans mon popup, les seules informations du memebre identifié par ID.

J’ai lu et relu "SPIP, PHP et Javascript sont dans un bateau" et je crois avoir compris l’ordre du process de SPIP :
Squelettes SPIP —> Script PHP/MySQL —> Script PHP —> HTML+JavaScript

mais je sèche un peu. Pourriez vous m’éclairer ?

Boucles JQuery SPIP