D�finir une r�gle Css avec Javascript

Bonjour, je suis au tout d�but de la d�couverte de javascript et je viens vers vous pour trouver des r�ponses.
J'ai cru que je n'aurais pas besoin de javascript jusqu'� ce que les Css (que je maitrise) atteignent leurs limites. Je n'aurais jamais cru que je me lancerais sur l'apprentissage de ce langage car je ne m'en sentais vraiment pas capable.
J'ai donc suivi la formation lumineuse de M.Mouronval (javascript) sur Video2Brain et je suis actuellement sur un livre d'apprentissage des bases.

Pardonnez mes questions trop triviales mais je ne parviens pas � m'en sortir.
Je cherche � d�finir une propri�t� css via javascript.

En fait je souhaiterais que ma valeur du margin-top de ma balise id=nav soit celle d'une hauteur ou largeur de div quelconque.
J'ose vous pr�sentez ce que j'ai d�j� fait...
je souhaiterais ceci:

Code:

---

document.getElementById('nav').style.marginTop = document.getElementById('lambda').style.Height

---

J'ai pens� utiliser inserRule mais je coince quand je veux param�trer margin-top dans ce style :

Code:

---

insertRule('#nav{margin-top: '+i+';}', 0);

---

Code:

---

var i= document.getElementById('lambda').style.Height

---

J'ai pas mal ratiss� la toile avant de poster ce message...
Suis-je sur le bonne voie?

Merci pour vos r�ponses �clair�es.:D

Bonjour

Citation:

---

document.getElementById('lambda').style.Height

---

Code:

---

document.getElementById('lambda').style.height

---

et insertRule est une m�thode qui devrait �tre appel� � partir du styleSheet cible.

A+.

Merci pour la r�ponse, j'avais fait une erreur pour la majuscule du height en recopiant le code pour le message.

Mais mon probl�me provient du param�trage de margin-top dans insertRule

Bonsoir,
tu ne peux avoir acc�s � objet.style.height que si le style est inline, d�clar� dans la balise, ou si tu l'as d�j� affect�e via javascript.
Si celle ci est d�clar�e dans la partie style du document il te faut passer par un getComputedStyle, ou encore currentStyle pour IE<9.

Concernant l'utilisation de la m�thode insertRule il faut l'appliquer sur un styleSheet object, comme te l'a indiqu� andry.aime.

Donc la syntaxe sera du type

Code:

---

oSheet.insertRule('#nav{margin-top:' +hauteur +';}', 0);

---

Height est d�clar� pour la balise image (id="apple") en question

voici la portion de code qui ne fonctionne pas:

Code:

---

1 2	var u = document.images.apple.height; document.styleSheets[0].insertRule('#nav{margin-top: '+u+';}', 0);

---

J'ai d�j� essay� avec getComputedStyle....
C'est: ' +hauteur +' qui ne veut pas fonctionner.
J'esp�re que je ne pose pas de questions redondantes. :?

pour r�cup�rer la hauteur � coup s�r il est suffisant de faire

Code:

---

var hauteur = document.getElementById('lambda').offsetHeight;

---

et pour l'affecter

Code:

---

document.getElementById('nav').style.marginTop = hauteur +'px'; // IMPORTANT NE PAS OMETTRE L'UNITE

---

Merci NoSmoking;

C'est parfaitement ce que je cherchais.

Bravo!:ccool:
Bonne soir�e.

PS:je ne sais pas si on peut marquer le message comme r�solu.

A lire http://www.developpez.net/forums/d57...ation-boutons/

Vous �tes efficace sur ce forum:
premi�re visite r�ussie...:D