Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1829 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Montrer ou cacher un paragraphe

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Montrer ou cacher un paragraphe

n°722037
Basile_Le_​Disciple
Je sers la science et c'est...
Posté le 11-05-2004 à 15:55:09  profilanswer
 

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

mood
Publicité
Posté le 11-05-2004 à 15:55:09  profilanswer
 

n°722070
antp
Super Administrateur
Champion des excuses bidons
Posté le 11-05-2004 à 16:10:16  profilanswer
 

<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
n°722076
boulax
Inserer phrase hype en anglais
Posté le 11-05-2004 à 16:12:04  profilanswer
 


<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.
n°722098
antp
Super Administrateur
Champion des excuses bidons
Posté le 11-05-2004 à 16:18:50  profilanswer
 

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
n°722115
boulax
Inserer phrase hype en anglais
Posté le 11-05-2004 à 16:24:36  profilanswer
 

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.
n°722122
antp
Super Administrateur
Champion des excuses bidons
Posté le 11-05-2004 à 16:27:47  profilanswer
 

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
n°722137
boulax
Inserer phrase hype en anglais
Posté le 11-05-2004 à 16:33:14  profilanswer
 

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.
n°722138
antp
Super Administrateur
Champion des excuses bidons
Posté le 11-05-2004 à 16:33:34  profilanswer
 
n°722148
alien_nan
Posté le 11-05-2004 à 16:39:23  profilanswer
 


 
esthétiquement plus beau [:aloy]


Message édité par alien_nan le 11-05-2004 à 16:39:42
n°722246
Basile_Le_​Disciple
Je sers la science et c'est...
Posté le 11-05-2004 à 17:44:11  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Montrer ou cacher un paragraphe

 

Sujets relatifs
Problème pour cacher une divCacher l'URL avec response.redirect en ASP.NET
Pour qui veut => Cacher une image dans une autre imageutilité de cacher son email
cacher email en js (pas email texte mais href d'une image)[Réglé] cacher un champ
Cacher du texte à l'impression HTMLMontrer le problème avec les valeurs null
Comment cacher un js dans un .css ?(newb' inside) cacher une div ?
Plus de sujets relatifs à : Montrer ou cacher un paragraphe


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR