Derouler un paragraphe
bob
-
JusteUnConseil -
JusteUnConseil -
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
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
A voir également:
- Derouler un paragraphe
- Chaque paragraphe doit être espacé de 0,42 cm ou 12 pt du paragraphe qui suit - Guide
- Comment supprimer les marques de paragraphe ¶ word - Forum Word
- Modifier un menu déroulant excel - Guide
- Symbole paragraphe mac - Guide
- Comment supprimer les marques de paragraphe ¶ outlook - Forum Microsoft Office
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>
-----------------------------------------------------------
-----------------------------------------------------
<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>
-----------------------------------------------------------
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.
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.
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
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question