Montrer ou cacher un paragraphe

Montrer ou cacher un paragraphe - HTML/CSS - Programmation

Marsh Posté le 11-05-2004 à 15:55:09    

salut à tous,
je débarque à peine et un peu cherché dans les archives, mais n'ayant rien trouvé pour me mettre sur une piste, je pose ma question :
 
j'ai une petite liste de paragraphes avec des titres.
je voudrais montrer ou cacher le contenu du paragraphe quand on clique sur le titre. pour cela, j'ai moyen d'utiliser php, javascript... mais malgré mes essais, ça ne marche pas.
j'ai essayé avec du php pur (variable qui change d'état et qui met en commentaire le paragraphe dans certains cas, mais la page ne se réactualise pas...)
si quelqu'un a déjà fait un truc du genre ???
 
Merci d'avance

Reply

Marsh Posté le 11-05-2004 à 15:55:09   

Reply

Marsh Posté le 11-05-2004 à 16:10:16    

<h1 onclick="showpara(p35)">titre</h1>
<p id="p35" style="display: none;">ici le texte</p>
 
et la fonction showpara :
 
function showpara(id)
{
  document.getElementById(id).style.display = 'block';
}


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 11-05-2004 à 16:12:04    


<a href="javascript:afficher(1)"> Titre </a> <br>
<div id="paragraphe1" style="diplay:none"> blablabla </div>
 
<a href="javascript:afficher(2)"> toto</a> <br>
<div id="paragraphe2" style="diplay:none"> prout</div>
 


 
et une fonction JS dans le head
 


function afficher(numero)
{
     if (document.getElementById('paragraphe'+numero).style == 'none')
         document.getElementById('paragraphe'+numero).style='block';
     else
         document.getElementById('paragraphe'+numero).style='none';
}
 


 
edit: [:benou_grilled] mais chez moi c'est plus bo  [:megabug]


Message édité par boulax le 11-05-2004 à 16:21:07

---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 11-05-2004 à 16:18:50    

plus beau ? bah plus complet, mais moins beau
le a href qui ne sert à rien et qui contient du javascript c'est mal), le non respect de la sémantique (titres qui sont mis dans une bête angre, et au même niveau qu'un div au lieu d'un paragraphe)


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 11-05-2004 à 16:24:36    

antp a écrit :

plus beau ? bah plus complet, mais moins beau
le a href qui ne sert à rien et qui contient du javascript c'est mal), le non respect de la sémantique (titres qui sont mis dans une bête angre, et au même niveau qu'un div au lieu d'un paragraphe)


 
Oui y'a du JS, chez toi aussi non ? Apres pour le visuel c'est lui qui voit, moi j'ai fais ca pour l'effet.
 
note pour plus tard : signaler explicitement le caractère "second degré" du smiley  [:megabug] dans mes posts


Message édité par boulax le 11-05-2004 à 16:25:48

---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 11-05-2004 à 16:27:47    

boulax a écrit :

Oui y'a du JS, chez toi aussi non ?  


 
Oui, mais dans le onclick, c'est là qu'est sa place. Et je n'ai pas mis de <a href> vu que c'est inutile ici
 

boulax a écrit :


Apres pour le visuel c'est lui qui voit, moi j'ai fais ca pour l'effet.


 
Je parlais pour la sémantique pas pour le visuel :o
(que ce soit un h1, a, div, p, on s'en fout pour le visuel, tout se redéfinit)


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 11-05-2004 à 16:33:14    

antp a écrit :


Je parlais pour la sémantique pas pour le visuel :o


 
Moi je parlais de la beauté du post :o


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 11-05-2004 à 16:33:34    

Reply

Marsh Posté le 11-05-2004 à 16:39:23    


 
esthétiquement plus beau [:aloy]


Message édité par alien_nan le 11-05-2004 à 16:39:42
Reply

Marsh Posté le 11-05-2004 à 17:44:11    

Ben grand MERCI !!!!!!!!!!!
 
Quand je pense que je cherchais comment faire ça depuis... vendredi !
 
J'y reviendrais poser mes question ;)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed