Discussion :

[ZeeBee]

Bonsoir,

dans une boucle While je récupère et j'affiche des images et des textarea.

les textarea sont invisible sous les images.

Le code des images affichées :

Code :

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

echo '<img src="apercu.php?id_img='.$result['id_img'].'" alt="'.$result['nom'].'" title="'.$result['nom'].'" style="height:200px;width:150px" />';

Le code des Textarea invisibles :

Code :

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

echo '<textarea readonly="readonly" hidden="true" style="height:200px;width:150px;overflow:hidden">'.$result["dos"].'</textarea>';

dans une Div ou sans, je ne sais pas, je voudrais qu'en cliquant sur l'image 5 par exemple, l'image 5 devient invisible et la textarea 5 devient visible et pareil pour les autres images et textarea.

Le code de la Fonction :

Code :

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

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
<!--
function cacheMontre(idDivCache, idDivMontre)
{
   document.getElementById(idDivCache).style.display = "none";
   document.getElementById(idDivMontre).style.display = "block";
}
 
//-->
</script>

Le code à l'intérieur de la boucle :

Code :

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

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
	    while($result = mysql_fetch_assoc($affichage)) {
 
 
//$_SESSION['vote'][id_img]=$result["Vote"];
 
		echo '<div style="font-size:11pt;">';
		//echo '<a href="apercu.php?id_img='.$result[id_img].'"><img src="apercu.php?id_img='.$result[id_img].'" alt="'.$result[nom].'" title="'.$result[nom].'" /></a>';
 
echo '<div id="'.$result["id_img"].'" onclick="cacheMontre(\''.$result["id_img"].'\', \''.$result["id_img"].'\');" style="display: block; height: 200px; width: 150px">';
		echo '<img src="apercu.php?id_img='.$result['id_img'].'" alt="'.$result['nom'].'" title="'.$result['nom'].'" style="height:200px;width:150px" />';
echo '</div>';
echo '<div id="'.$result["id_img"].'" onclick="cacheMontre(\''.$result["id_img"].'\', \''.$result["id_img"].'\');" style="display: none;height:200px;width:150px">';
		echo '<textarea readonly="readonly" hidden="true" style="height:200px;width:150px;overflow:hidden">'.$result["dos"].'</textarea>';
echo '</div>';
 
//		echo '<img src="apercu.php?id_img='.$result['id_img'].'" alt="'.$result['nom'].'" title="'.$result['nom'].'" />';
		echo '<br><br>';
		echo '<a href="'.$result['Lien'].'"><b title="Aller sur le site officiel"><u>'.$result["nom"].'</u></b></a>';
 
//		echo '<a href="http://localhost/Vote.php"><b>'.$result["Genre"].'</b><div style= "background-color:#99cc00; width:8%; ">'.$result["Vote"].'</div></a>';
 
		echo '<p>['.$result["Genre"].']</p><div style= "background-color:#99cc00; width:8%; "><a title="Voter pour ce jeu" href="Vote.php?vote='.$result["Vote"].'&nom='.$result["nom"].'&id='.$result["id_img"].'"> <b>'.$result["Vote"].'</b></a></div></p>';
		echo '<p>'.$result["Fdate"].'</p>';
 
		echo '</div>';
 
 
 
	    }
 
 
 
	    mysql_close();
	?>

Merci pour votre aide

[mathieu]

il faut donner des identifiants différents aux images et aux zones de texte
essaye ça par exemple :

Code :

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

1
2
3
4
5
6
echo '<div id="zoneTexte'.$result["id_img"].'" onclick="cacheMontre(\'zoneTexte'.$result["id_img"].'\', \'image'.$result["id_img"].'\');" style="display: block; height: 200px; width: 150px">';
		echo '<img src="apercu.php?id_img='.$result['id_img'].'" alt="'.$result['nom'].'" title="'.$result['nom'].'" style="height:200px;width:150px" />';
echo '</div>';
echo '<div id="image'.$result["id_img"].'" onclick="cacheMontre(\'image'.$result["id_img"].'\', \'zoneTexte'.$result["id_img"].'\');" style="display: none;height:200px;width:150px">';
		echo '<textarea readonly="readonly" hidden="true" style="height:200px;width:150px;overflow:hidden">'.$result["dos"].'</textarea>';
echo '</div>';

[ZeeBee]

Super, ça marche, très efficace ton intervention.


Merci beaucoup.