Discussion :

[ipeteivince]

Bonsoir à tous

J'ai créé un petit site basé sur un menu latéral gauche défini comme suit:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
#menu_container{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 200px;
	float: left;
	text-align: left;	
	padding-top: 0px;
}
 
#page_container{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: none;
	text-align: left;
	margin-left:200px;
}

Le reste d ela page est donc décalé de 200px vers la droite via un margin-left à 200px;

Seulement, je voudrais avoir la possibilité de fermer le menu et donc le masque. Ca j'arrive via une document.getElementById('menu_container').style.visibility = 'hidden';
Seulement j'aimerai pouvoir augmenter la taille de cadre principal sinon, cela ne présente aucun intérêt!
Voici la fonction que j'ai écrite:

Code :

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

1
2
3
4
5
  function fermer_menu()
   {
document.getElementById('menu_container').style.visibility = 'hidden';
document.getElementById('page_container').style.margin-left = '10px'; 
   }

Il exécute bien le masquage du menu, mais le margin ne bouge pas...
Est ce que je fais quelque chose de mal ?
Comment procéder?

D'avance merci pour votre aide !

[roro06]

bonjour

document.getElementById('page_container').style.margin-left = '10px';

Essaye plutôt

Code :

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

document.getElementById('page_container').style.marginLeft = '10px'

;

[ipeteivince]

Effectivement, ca marche toujours mieux avec la bonne syntaxe.
Merci

Maintenant, je cherche a changer la classe d'un élément de manière dynamique.
Quelle est la syntaxe ?

MErci

[SpaceFrog]

Code :

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

elt.className='newClass';

[ipeteivince]

Ok, c'est impeccable.
Merci beaucoup.

Je suis néanmoins assez surpris de la différence de syntaxe entre un javascript et un CSS.