Cacher des images d'un tableau html

[Varkan]

Bonjour,

Je fais actuellement un mini-jeu de Memory en php mysql.

En ce moment j^'utilise le script ci-dessous afin de cacher mes images qui sont placées dans un tableau html :

Code :

1
2
3
4
5
6
 
<script language="javascript" type="text/javascript">
<!--
document.getElementById("img_<?php "$i".$j; ?>").style.visibility = "hidden" ;
//-->
</script>

J'ai mit des variables php (et c'est sûrment ça le problème) car quand je créé mon tableau html, je met mes images directement tout en incrémentant $i et $j, et je voulais cacher les images une par une, exemple :

Création de la première cellule 1.1 en html, y mettre l'image "4.png" avec un ID "1.1" et cacher l'image.

Voici ce que ça donne en php :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
////////// Niveau Facile//////////
 
// Test le niveau, si = à facile : Initialise un tableau en php en 4x4
if ($_SESSION["niveau"] == "facile") 
{
    $j = 1; //Ligne
    while($j <= 4)
    {
        ?>
        <tr>
        <?php
        $i = 1; //Colonne
        while($i <= 4)
        {
            $rand = rand(1, 16); // génére un nombre aléatoire
            $inctab = 1; // Variable qui incrémente la dimenssions
            while($inctab <=4)
            {
                if (in_array($rand, $_SESSION["tblidc"][$inctab])) // Test si la var $rand existe déjà dans la dimensions[$inctab]
                {
                    $rand = rand(1, 16); // génére un nouveau nombre aléatoire
                    $inctab = 1; // remettre le tab a 1 pour refaire une vérif.
                }
                else
                {
                   $inctab++;
                }
            }
 
            // Test si la valeur de rand est plus grand que 8
 
            ?><td width="50" height="50" id ="cell_<?php $i.$j; ?>" ><?php
            if ($rand <= 8)
            {
                ?><img width="50" height="50" src="images/<?php echo $rand ?>.png" id ="img_<?php $i.$j; ?>" border="0" onClick="Click();"/><?php
            }
            else //Si le rand est plus grand que 8, on enlève 8 a celui-ci ce qui nous donne 9-8 = 1, 10-8 = 2, 11-8=3, etc...
            {
                ?><img width="50" height="50" src="images/<?php echo $rand-8 ?>.png" id ="img_<?php $i.$j; ?>" border="0" onClick="Click();"/><?php
            }?></td>
            <?php
            $_SESSION["tblidc"][$j][$i] = $rand; // Permet de mettre un chiffre aléa. pour chaque case, exemple en 1.1, 1.2, etc. à l'aide des var $j et $i.
            $i++;
        }
        ?>
        </tr>
        <?php
        $j++;
    }
}

Pour tester mon petit script, j'avais mit les ID en dur et j'avais que l'image de la première cellule caché :



Je n'arrive pas a trouver un moyen d'incrémenter les ID en créant le tableau html et en mettant les images à l'intérieur et de les cacher par la suite....

J'ai vraiment besoin d'aide, j'ai chercher sur le forum et je n'arrive pas a trouver une solution...

[Loceka]

Si c'est un problème javascript, poste le code HTML généré. Si c'est un problème PHP poste dans le forum PHP.

[Varkan]

Je pense que mon problème vient de mon script.

Pour le code HTML, il y est dans le PHP que j'ai posté.

En fait, c'est juste ceci qui est important pour le script :

Code :

1
2
3
4
5
6
7
8
9
10
11
 
<td width="50" height="50" id ="cell_<?php $i.$j; ?>" ><?php
if ($rand <= 8)
{
    ?><img width="50" height="50" src="images/<?php echo $rand ?>.png" id ="img_<?php $i.$j; ?>" border="0" onClick="Click();"/><?php
 
}
else //Si le rand est plus grand que 8, on enlève 8 a celui-ci ce qui nous donne 9-8 = 1, 10-8 = 2, 11-8=3, etc...
{
    ?><img width="50" height="50" src="images/<?php echo $rand-8 ?>.png" id ="img_<?php $i.$j; ?>" border="0" onClick="Click();"/><?php
}</td>

Il faut retenir que les variables $i et $j que j'utilise pour les ID sont en fait des variables php que j'incrémente pour faire mon tableau html que j'ai posté en image dans le post précédent.

Pour ce qui est de la variable $rand, celle-ci génère un nombre aléatoire entre 1 et 16 pour placer mes images aléatoirement.

[w3ar3dus1]

Code :

1
2
 
document.getElementById("img_<?php "$i".$j; ?>").style.visibility = "hidden" ;

J'espère que tu t'attend pas à ce que cette ligne cache l'image correspondant à chaque parcours de la boucle while, parce que, php te renvoie le résultat final de ton script à la fin de son execution, il n'envoie pas au fur et a mesure.

essaye plutôt quelque chose comme :

Code :

1
2
 
document.getElementsByTag("img").style.visibility = "hidden" ;

Au chargement de ta page HTML, ça chope toutes les images.

En plus il y a une faute : "img_<?php echo $i.'.'.$j; ?>"