Discussion :

[marion5515]

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 :

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

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 :

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
 
$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 !

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
<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>

[marion5515]

absolument aucune réaction !! Mais c'est quand même bizarre car j'ai trouvé cette fonction sur un forum et d'après tout le monde elle fonctionne parfaitement !

[SpaceFrog]

oui encore faut il que tes éléments aient un id ...

[marion5515]

bah ils ont un id !! regardez le code j'ai bien mis un id pour le paragraphe que je souhaite faire apparaître/disparaître !

[SpaceFrog]

j'aurais du insister sur UN ...

Un id doit être unique sur la page
hors si je ne m'abuse ton attribution d'id est dans une boucle php ....
cela ne fonctionnera que si tu as un seul enregistrement

mets un indice et incrémente le pour concatnenr les id

Code :

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

1
2
3
4
5
6
7
 
 
$indice=0
while(...) {
 
 '       .id="article_'.$indice.'"'   ....'
$indice++;