Rechercher : dans
Par :

Derouler un paragraphe

Dernière réponse le 6 nov 2009 à 14:01:45 bob, le 4 jan 2006 à 20:33:53 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « derouler un paragraphe » dans :
Paragraphes en HTML Voir Paragraphes Le langage HTML considère les paragraphes comme des blocs de texte. Les navigateurs répartissent au mieux leur contenu dans la fenêtre à moins qu'=un attribut NOWRAP ou NOBR soit spécifié explicitement. A l'intérieur d'un paragraphe,...
Listes déroulantes simples avec Excel Voir Dans votre tableau, vous souhaitez insérer un texte ou une valeur choisi dans une liste (déroulante). vous créez votre liste, ligne aprés ligne, sur votre feuille en cours ou sur une autre feuille du classeur en cours. vous la nommez : INSERTION...

1

king, le 4 jan 2006 à 22:28:57
  • +1

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>
-----------------------------------------------------------

Répondre à king

2

bob, le 5 jan 2006 à 11:25:24

Ok c cool
je vais tester ca

merci

Répondre à bob

3

bob, le 6 jan 2006 à 12:32:20

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.

Répondre à bob

6

maya.bachar13, le 28 aoû 2008 à 15:40:06

Ok ca va c pas un grende problem a chaqe foix ésseyé pour ouvre cet fenetre

Répondre à maya.bachar13

4

king, le 6 jan 2006 à 12:39:14

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

Répondre à king

5

bob, le 6 jan 2006 à 14:46:09

Bon ok j'ai pigé, je vais mettre ca a jour
merci

Répondre à bob

7

 neofoxy, le 6 nov 2009 à 14:01:45

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

Répondre à neofoxy