Discussion :

[Kimado]

Bonjour,

Je suis en train de manipuler du CSS avec javascript, et bien évidemment avec Mozzila Firefox çà roule mais avec IE j'ai quelques soucis.

Bref voici mon problème :

En fait je voudrais récupèrer la hauteur de 2 layers(layer1 et layer2) et affecter à un autre layer une hauteur de layer1+layer2.
J'ai réussi à le faire sous firefox mais pour IE la syntaxe diffère. J'ai cherché un peu sur le net, j'ai entre-aperçu des solutions mais qui ne fonctionnent pas vraiment.
En clair, comment je récupère la hauteur d'un élément et comment j'affecte une hauteur à un élément ?

Merci d'avance pour votre aide.

[le_chomeur]

salut
Pour récupèrer la hauteur d'un élément utilise la fonction : tonElement.innerHeight et pour affecter la hauteur a un autre : tonElement.style.height

bon courage

[Auteur]

salut
Pour récupèrer la hauteur d'un élément utilise la fonction : tonElement.innerHeight et pour affecter la hauteur a un autre : tonElement.style.height

bon courage

innerHeight est pour l'objet window (sous Firefox au moins).
Sinon pour récuperer la hauteur d'un élément c'est : clientHeight

Il existe également scrollHeight et offsetHeight pour les éléments possèdant une barre de défilement (propriété overflow définie).

Attention toutefois : les valeurs retournées par ces attributs diffèrent selon le navigateur

[le_chomeur]

Arggg l'habitude ...


effectivement il faut utiliser offsetHeight !

Merci et désolé pour l'erreur

[Kimado]

Merci bien pour ces explications, il semblerait que j'arrive à récuperer les hauteurs grâce à clientHeight mais par contre tonElement.style.height ne fonctionne pas pour affecter la valeur.

EDIT :

Autant pour moi j'avais fait une erreur de frappe, la ligne suivante marche très bien :

Code :

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

document.getElementById(layer).style.height=nouvelleHauteur

Merci encore pour votre aide!