style css en JS

Version imprimable

30/05/2006, 13h57
jp949

style css en JS

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.
30/05/2006, 14h01
SpaceFrog

Code:

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

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:

1 2 3 4 5 6 7 8 9 10 <script type="text/javascript">  </script> ou ca <script type="text/javascript">  </script>
Ne faut-il pas ajouter une fonction avant , je sais pas ?

30/05/2006, 15h10
kankrelune

Salut...

pourquoi ne pas mettre...

Code:

style="display:none"

directement dans ton tag html... .. ?

@ tchaOo°
30/05/2006, 17h07
jp949

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
30/05/2006, 20h54
SpaceFrog

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

voila le code .js que j'ai.
Code:

1 2 3 4 5 6 7 8 9 10 <script type="text/javascript"> </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:

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é

31/05/2006, 06h07
Invité

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 ^^
@++
31/05/2006, 06h24
jp949
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:

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
31/05/2006, 08h22
SpaceFrog
Code:

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 ...
31/05/2006, 08h59
jp949

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
31/05/2006, 09h15
SpaceFrog

plus on se plante plus on apprend ... (enfin en principe :lol: )
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 :mouarf: