Cacher/Afficher une zone de texte

Cacher/Afficher une zone de texte - HTML/CSS - Programmation

Marsh Posté le 25-05-2004 à 02:15:38    

Bonjour tout le monde, j'ai un modeste site dans lequel je fais des news.  
 
Je les affiche chacune les une après les autres. J'affiche le titre et le contenu à chaque fois.
J'aurai aimé faire une amélioration à ce système d'affichage. J'aurai aimé afficher que le titre de la news avec un petit bouton "afficher" à côté de chaque titre de news. Un clic sur ce bouton me fairait apparaître le contenu de la news.  
J'ai trouvé une méthode en mettant des balises div qu'on rend visible au clic sur le bouton. Mais quand j'affiche ma page avec tout de caché, la place que l'affichage aurait pris est prise. Donc aucun intéret. Par exemple j'aurai ceci comme affichage sur la page :  
 
avant le clic sur le bouton :  
 
bouton
------
 
------
texte en dessous
 
 
et après le clic du bouton :  
 
bouton
------
blabla
------
texte en dessous.
 
Alors que moi j'aurai aimé avoir à vide :  
 
bouton
------
------
texte en dessous
 
 
 
Merci de me dire comment faire  :jap:

Reply

Marsh Posté le 25-05-2004 à 02:15:38   

Reply

Marsh Posté le 25-05-2004 à 08:50:03    

En faisant comme ca ?
 

Citation :

<style type="text/css">
<!--
li {
 list-style-type:none;  
}
#li_1 {
 display:none;
}
-->
</style>
 
<script type="text/javascript">
<!--
function montre_div(nom_div) {
document.getElementById(nom_div).style.display="block";
}
//-->
</script>
 
<ul>
<li onclick="montre_div('li_1');">bouton</li>
<li>-------------------------</li>
<li id="li_1">blabla</li>
<li>-------------------------</li>
<li>Texte en-dessous</li>
</ul>

Reply

Marsh Posté le 25-05-2004 à 09:51:11    

Excellent ca marche :)
J'essaye de le mettre sur mon site ce soir.  
 
Merci ^^
mon site : http://www.fifafever.fr.st

Reply

Sujets relatifs:

Leave a Replay

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