style css en JS

**jp949** · 30/05/2006, 13h57

Bonjour a vous toutes et tous.
Etant totalement nul en javascript et ayant neanmoins besoin de l'utiliser j'ai besoin de vos competences pour m'aider a resoudre ce probleme:
Est-il possible et si oui quel en est le code pour programmer l'equivalent de ce code css . #menu1 { display: none; }.
je Vous remercie de l'attention et du temps que vous aurez bien voulu consacrer a lire et a repondre aussi peut-etre.

**SpaceFrog** · 30/05/2006, 14h01

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('Menu1').style.display='none'

**jp949** · 30/05/2006, 15h03

Bonjour, merci pour ta reponse mais ca ne fonctionne pas ou c'est moi qui ne sais pas l'integrer, voila ce que j'ai mis .

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
<!--
document.getElementById('Menu1').style.display='none'
  // -->
</script> ou ca
<script type="text/javascript">
<!--
document.("getElementById('Menu1').style.display='none'")
  // -->
</script>

Ne faut-il pas ajouter une fonction avant , je sais pas ?

**kankrelune** · 30/05/2006, 15h10

Salut...

pourquoi ne pas mettre...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

style="display:none"

directement dans ton tag html... .. ?

@ tchaOo°

**jp949** · 30/05/2006, 17h07

Non il faut qu'il soit commandé par javascript de maniere a ce que si le js est desactivé le menu s'affiche.
commande css le menu s'affiche pas

**SpaceFrog** · 30/05/2006, 20h54

tout dépend à quel moment tu veux rendre l'element invisible ...
à mon avis en essaynt directement comme ça tu dois avoir un problème d'instanciation, c'est a dire que ton objet n'existe pas quand le code est lancé ...

dis moi sur quel evènement ou à quelle moment le div doit disparaitre ...

**jp949** · 31/05/2006, 05h05

voila le code .js que j'ai.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<script type="text/javascript"><!--
     function toggleClamShellMenu(objectID) {
	var object = document.getElementById(objectID);
	if (object.style.display =='block')  object.style.display='none';
	else object.style.display='block';
	return;
      }
    // -->
    </script>

il s'agit d'un menu deroulant avec dl dt dd et ul li .
Le conteneur qui est caché est le <dd id="menu1"> qui contient ul avec les items.
la commande js est sur
<dt><a href="javascript:toggleClamShellMenu('menu1')"> lien</a></dt>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
css
#menu1{display:none;}

donc ce que je voudrais c'est qu'au chargement si javascript est desactivé le menu s'affiche ouvert puisque le "toogleclamshellmenu" ne s'applique plus mais si je garde display:none en css le menu reste caché il faut que le display:none soit en js pour que lui aussi ne soit plus appliqué si js est desactivé

Invité · 31/05/2006, 06h07

Salut
Tu peux faire une fonction que tu rajoutes
function cacherMenu()
{
document.getElementById('menu1').style.display='none';

}

puis dans la balise body tu mets : <body onload="cacherMenu()">
Normalement ça devrait marcher ^^
@++

**jp949** · 31/05/2006, 06h24

Salut.
Je te remercie pour ta reponse je teste ca de suite
EdIT: Ca fonctionne impec merci, maintenant tu vas dire que j'exagere,
si je veux ajouter un ou plusieurs autres menus est-ce que je peux modifier cette fonction avec un genre?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 for (var i = 1; i<=10; i++)
document.getElementById('menu'+i).style.display='none';

Je repete suis plutot nul en js.
Quoiqu'il en soit Merci pour votre aide la partie la plus importante pour moi est resolue , apres je demaned la cerise sur le gateau si c'est possible

**SpaceFrog** · 31/05/2006, 08h22

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
for (var i = 1; i<=10; i++)
               {document.getElementById('menu'+i).style.display='none';}

pour quelqu'un de nul en javascript c'est pas torp mal

pense juste à bien mettre les accolades pour les if, else et boucles for ...

**jp949** · 31/05/2006, 08h59

Je te remercie de ton aide et tes conseils .
Je suis nul , je bidouille juste , j'essaie de progresser ce qui me fait approcher des codes mais apres plusieurs tentatives infructueuses et parfois qui font planter le nav.
Encore merci

**SpaceFrog** · 31/05/2006, 09h15

plus on se plante plus on apprend ... (enfin en principe

)
J'ai débuté comme toi en me prenant la tête sur le code et en lançant regulièrement javascript dasn des boucles infinies

style css en JS

JavaScript

Discussions similaires

Partager

Partager