Action "onclick" dans boucle "while"
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:
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:
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:
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:
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
