Javascript et CSS

Bonjour,

je suis nouveau sur le site et plutôt débutant. La personne qui m'a aidé au départ m'a laissé tomber

Il m'a écrit un script pour masquer et afficher un sommaire qui est le suivant :

<script language=javascript>
var mon_menu=document.getElementById("menu_sommaire");
var taille=mon_menu.offsetHeight;
//alert(taille.toString());
function montrer()
{mon_menu.style.visibility= "visible"; mon_menu.style.height=taille.toString()+"px";}
function cacher()
{mon_menu.style.visibility= "hidden"; mon_menu.style.height="0px";}
</script>

Avec mes excuses les plus plates !!! la question a disparue ! Why ?

Ce script fonctionne avec les navigateurs sauf IE et opera où, lorsque le sommaire est caché, le reste de la page ne " remonte " pas, laissant un blanc inesthétique.

Que faut-il corriger ?

Merci d'avance

Osiris (qui est bien loin de la résurrection )

Bonjour.

Tu peux aller voir si cette fonction te convient.

a priori non. Mais je n'y connais rien en java.

le titre du sommaire est : <p> Sommaire (
<label onclick="javascript:montrer()">afficher</label>
/
<label onclick="javascript:cacher()">masquer</label>
)
Le sommaire est dans un<div id="menu_sommaire">

Merci d'avance

salut,

a écrit :

Osiris a marqué:

function montrer()
{mon_menu.style.visibility= "visible"; mon_menu.style.height=taille.toString()+"px";}
function cacher()
{mon_menu.style.visibility= "hidden"; mon_menu.style.height="0px";}
</script>

( entre " au modo je cite du code quel marqueur dois-je utiliser?)


je ne comprends pas bien trop la raison pour laquelle tu agis sur la hauteur du menu. peux-tu nous expliquer?

si c'est pour que le menu ne soit plus pris en compte dans la construction du site ne vaudrait t il pas mieux joué sur la valeur style.display en 'block' et 'none'?
Modifié par CPascal (01 May 2007 - 16:01)

Je ne sais pas car ce n'est pas moi qui est fabriqué le code ! (voir première question). Le sommaire quand il est masqué est collé au texte au dessous (avec une certaine marge évidemment).

Si tu veux bien, explicite ta deuxième réponse (block et none).

Merci d'avance

<script language=javascript>
var mon_menu=document.getElementById("menu_sommaire");
function montrer()
{mon_menu.style.display = "block";}
function cacher()
{mon_menu.style.display = "hidden";}
</script>

il me semble que ceci doit faire la même chose. et peut-être donnera-t-il de meilleur resultat.

mais quand tu dis que ton menu ne remonte pas. pas du tout,un peu, beaucoup? ( mais surement pas passionnément ).

pascal

Il ne remonte pas du tout !!!

Le script que tu m'as écrit si gentilment ne fonctionne pas sur tous les navigateurs.

A bientôt car fini pour ce soir !