Bonjour a tous!

J'ai un petit soucis avec mon code. Je vous explique:
Je n'arrive pas à lancer une fonction Javascript depuis un button HTML en prenant en compte une variable php.

Plus précisement voici le contexte:

Sur ma page, j'ai des tables avec des Id que j'affiche grâce à des fonctions Javascript lancées par des "onClick".

Les tables ressemblent à cela:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
< span class="item" onclick="gestionliste(monId)">Afficher ma table</span> 
<TABLE id='monId' style="display:none"> 
Du texte dans ma table.... 
</TABLE>
La fonction gestionliste me permet d'afficher/de masquer les listes si on clique sur "Afficher ma table"

J'essaie de faire un bouton qui m'affiche toutes les listes de ma page.
Pour cela, j'ai fait une variable $detail (en php) qui compte à chaque fois qu'on fait une nouvelle table pour savoir
combien on en a au total.

monId correspond à un entier entre 0 et $detail qui est le nombre de tableaux


Voici le code du bouton en HTML avec l'appel à la variable $detail (nombre de tableaux) en php:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<form name="expand" action="">Ouvrir tous les détails 
      <?php 
      echo"<input type=\"button\" value=\"Expand!\" onClick=\"expand(".$detail.")\">" 
      ?> 
</form>


Et voici ma fonction en Javascript:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
<script type="text/javascript"> 
function expand(detail){ 
    for (var i=0;i<detail;i++) 
    { var liste = document.getElementById(i); 
       if (liste.style.display=="none") 
            liste.style.display="block"; 
    } 
} 
</script>

Il ne s'agit sans doute que d'une coquille, mais je ne parviens pas à la dénicher... ou l'erreur est-elle plus profonde...

Merci pour vos idées si vous en avez!