Discussion :

[rodolphebrd]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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.

[andry.aime]

Bonjour

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

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

A+.

[rodolphebrd]

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

[NoSmoking]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[rodolphebrd]

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

voici la portion de code qui ne fonctionne pas:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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.

[NoSmoking]

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

et pour l'affecter

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[rodolphebrd]

Merci NoSmoking;

C'est parfaitement ce que je cherchais.

Bravo!
Bonne soir�e.

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

[NoSmoking]

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

[rodolphebrd]

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