texte qui apparaît/disparaît au clic
Bonjour à tous !
J'ai un petit souci avec mon code qui ne veut pas fonctionner. Voila la situation. Sur une page d'un site, je dois consulter une base de données qui contient tous les articles de new de l'entreprise. Sur cette page je souhaite afficher tous ces articles avec une petite particularité : je n'affiche que le titre la date et la catégorie de l'article et je souhaiterais qu'en cliquant sur unlien le contenu de l'article apparaisse ou disparaisse en dessous de son titre.Rien de bien méchant, j'ai trouvé des codes sur internet mais aucun ne fonctionne chez moi !! Voilà le dernier code trouvé :
Code:
1
2
3
4
5
6
7
8
|
<script type="text/javascript">
function showid(idelem){
if(document.getElementById(idelem).style.display=='none')
document.getElementById(idelem).style.display='block';
else document.getElementById(idelem).style.display='none';
}
</script> |
et là j'appelle cette fonction dans mon affichage(code html/php) :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
$query='SELECT numArticle, date, DAYOFMONTH(date) AS jour, MONTH(date) AS mois, YEAR(date) AS annee, titre, contenu, image, categorie FROM articles order by jour, mois, annee ';
$res=mysql_query($query);
$affiche='<div class="corpstexte">';
while($row=mysql_fetch_array($res)){
$affiche.='<div id="article">
<p><font style="font-weight : bold; font-size : 14pt;"> '.$row[5].'</font> -
<font style="font-weight : bold; font-size:13pt;"> '.$row[1].' </font> -
<font style="font-weight : bold; color : #084b9d ;"> '.$row[8].' </font></p>
<p onclick="javascript:showid("showhide")" style="cursor: pointer">cliquer ici pour cacher/montrer le texte</p>
<div id="showhide" style="display:block">
<p>'.nl2br($row[6]).'</p>';
if($row[7]!=null)
$affiche.='<p><center><img src="'.$row[7].'"></center></p>';
$affiche.='</p><hr/><br/>
</div>';
}
echo $affiche; |
Mais lorsque je clique sur le pseudo lien cliquer ici pour cacher/montrer le texte, rien ne se passe !
