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