Discussion :

[fabrice88]

bonjour,
je souhaiterai lorsque j'extrait mes données de ma base sql faire en sorte que sur la page lorsque je clique sur le titre de ma news, je fait afficher en dessous du titre la news
exemlpe :

j'ai essayé différentes methode qui me font passé par des script css...

actuellment je suis sur un script qui fonctionne mais juste en partie. j'affiche bien et cache bien mon texte comme je le souahite mais juste pour ma premiere news. les autres ne fonctionnes pas (enfin si je veus faire afficher la news 4 , c'est la 1 qui s'affiche)
j'aurai besoin de vos connaissances pour finir ce petit code merci.

dans mon css :

Code :

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

1
2
3
#monblock {
display: none;
}

puis dans ma page 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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
dans le HEAD :
<script type="text/javascript">
function Show(id)
{
var d = document.getElementById(id);
var hid = d.style.display;
 
if (d){
if (hid == "block"){
d.style.display = 'none';
}else{
d.style.display = 'block';
}
}
}
</script>
 
 
 
puis dans le Body :
<?php 
  // On se connecte     
  include("../admin/connexion-sql.php");
        
        mysql_query("SET NAMES UTF8"); 
        $requete = mysql_query("SELECT * FROM newsletterctn ORDER BY id DESC"); 
                while( $result = mysql_fetch_array( $requete ) )
                {       ?>
 
 
 
  <?php 
  echo '<h1>Newsletter N° '.$result['numero'];
  echo ' | '.$result['titre'].'</h1>';?>
  <div onclick="Show('monblock')" style="cursor: pointer;">voir contenu !</div>
  <div id="monblock"><?php echo 'Message '.$result['message'];?></div>
 
 
<?php }
  ?>

[goodpz]

J'ai l'impression que toutes tes news ont le même id="monblock". Donc document.getElementById(id) va retourner le premier div qui a cet id.
t'as qu'a rajouter un index numerique, du genre monblock1, monblock2... :

Code :

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

1
2
3
4
5
6
7
8
 
$i = 0;
while (..) {
  //..
  ++$i;
  echo '<div onclick="Show(\'monblock'.$i.'\')" style="cursor: pointer;">voir contenu !</div>';
  echo '<div id="monblock'.$i.'">Message '.$result['message'].'</div>';
}

Donc bien sûr,

Code :

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

1
2
3
#monblock {
  display: none;
}

..ne va plus fonctionner comme tu le souhaites. T'a qu'a rajouter une class css commune à tous tes blocks qui ferait le display: none. Tu peux aussi directement mettre "display: none" dans l'attribut style lors du echo.
Tu peux aussi te débarrasser de ton code javascript qui switch le style.display pour ne conserver que l'ajout et le retrait d'une class css qui elle contient un "display: none".

[fabrice88]

Ok super merci sa fonctionne. j'ai créé un display none et le tour est joué.

juste une petite question.
là dans mon cas lorsque je clique sur "voir le contenu" je fais afficher le contenu (je suis obligé de cliquer 2fois dessus pour afficher --> bizard)
j'aimerai que lorsque j'affiche le contenu je n'ai plus "voir le contenu" mais "masquer le contenu" (ou remplacer par une croix (+) qui se transforme en trait (-)).