Derouler un paragraphe

Fermé
bob - 4 janv. 2006 à 20:33
 JusteUnConseil - 14 nov. 2010 à 15:52
Bonjour
Voila j'aimerai ajouter dans ma page html toutes simple
un paragraphe que l'on peut derouler.
En clair: "si vous rencontrez tel probleme cliquer ici" et hop le paragraphe caché se deroule dessous.
Cela me permetrai de rendre la lecture de mon site plus simple.

J'espere que j'ai ete assez clair, merci pour vos conseil

5 réponses

v'là un exemple, suffit d'adapter à ton cas
-----------------------------------------------------
<html>
<head>
<title>Sans titre</title>
<script language="JavaScript">
<!--
function na_show_layer(lname)
{
if (na_show_layer.arguments.length <= 1) { // don't delete, backword compatibility
if(document.getElementById) {
document.getElementById(lname).style.visibility = 'visible';
} else if(document.layers) {
document.layers[lname].visibility = 'show'
} else if(document.all)
document.all(lname).style.visibility = 'visible'
} else {
if(document.getElementById) {
document.getElementById(lname).style.visibility = 'hidden';
} else if(document.layers) {
document.layers[lname].visibility = 'hide'
} else if(document.all)
document.all(lname).style.visibility = 'hidden'
}
}

function na_hide_layer(lname)
{
if(document.getElementById) {
document.getElementById(lname).style.visibility = 'hidden';
} else if(document.layers) {
document.layers[lname].visibility = 'hide'
} else if(document.all)
document.all(lname).style.visibility = 'hidden'
}

// -->
</script>
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<div id="layer1" style="background-color:rgb(204,204,204); width:200px; height:200px; position:absolute; left:16px; top:67px; z-index:1; visibility:hidden;">
<p><a href="#" OnClick="na_hide_layer('layer1');">Fermer</a></p>
<p>blablablablablabla etc</p>
</div>
<p><a href="#" OnClick="na_show_layer('layer1');">voir</a></p>
</body>
</html>
-----------------------------------------------------------
1
ok c cool
je vais tester ca

merci
0
Bon j'ai testé ton script il marche carrement bien. encore merci
J'ai juste enlevé les indications de taille et position de la boite.
Mais j'ai un petit probleme que je n'ai pas reussit à resoudre:
A chaque fois que j'ouvre la petite fenetre, La page revient tout en haut
comme un raffraichissement.
je ne sais pas trop comment resoudre le probleme.
0
maya.bachar13
28 août 2008 à 15:40
ok ca va c pas un grende problem a chaqe foix ésseyé pour ouvre cet fenetre
0
JusteUnConseil
14 nov. 2010 à 15:51
C'est à cause du href="#", remplace le par href="#layer1"
0
C'est un "DIV", donc la taille et la position de la boîte, vaudrait mieux laisser (tu la positionnes où tu veux et tu lui donnes la taille que tu veux).

La boite se colle sur le contenu de ta page (indépendemment de ce dernier), donc elle ne "pousse" pas le contenu de la page (elle le masque durant son affichage).

Si je ne dis pas de connerie, c'est du CSS2
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
bon ok j'ai pigé, je vais mettre ca a jour
merci
0
Bonjour avec la function plus haut et
<p><a href="#" OnClick="na_hide_layer('layer1');">Fermer</a></p>
est-t'il possible de fermer plusieurs layers a la fois en 1 seul clic pasque g essayé
<p><a href="#" OnClick="na_hide_layer('layer1','layer2');">Fermer</a></p> mais ca ne marche pas.
Merci
0
JusteUnConseil
14 nov. 2010 à 15:52
Oui,
<p><a href="#" OnClick="na_hide_layer('layer1');na_hide_layer('layer2')">Fermer</a></p>

Heureux de vous avoir aidé ^^
0