Discussion :

[Freedolphin]

Bonjour,

Je sais que les interactions PHP/JS sont sujettes à beaucoup de questions, mais je ne trouve pas de réponse dans les nombreux sujets sur la question.
Je cherche à ouvrir une fenêtre modale et y afficher une variable XY récupérée dans la page principale.

Voici donc mon lien pour ouvrir la fenêtre :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

echo "<a href='#' onclick='modale(XY)'>lien</a>";

et ma fonction JS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function modale(mavariable) {
          el = document.getElementById('modale');
          el.style.visibility = el.style.visibility == 'visible' ? 'hidden' : 'visible';
          var XY = mavariable;
        }

Comment faire ensuite pour afficher la variable XY dans la modale qui s'ouvre ?
J'ai tenté :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

echo "<script>document.write(XY);</script>" ;

mais sans succès. En revanche, ça fonctionne quand je sors la variable de la fonction (mais de fait, je perds la valeur de la variable).

Auriez-vous des pistes à me proposer ? Merci d'avance !

[Freedolphin]

Je m'auto-réponds, car en fouillant bien, j'ai fini par trouver une solution, avec une id pour la 2e div et avec innerHTML dans la fonction.

Ce qui donne en JS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function modale(day) {
  var jour = day;
  el = document.getElementById('modale');
  el.style.visibility = el.style.visibility == 'visible' ? 'hidden' : 'visible';
  document.getElementById('contenuModale').innerHTML =  '<p>La date est '+day+'</p>';

et pour le code html :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="modale">
    <div id="contenuModale"></div>
</div>