Détecte nombre de pixel avec height: auto [Résolu]

Signaler
Messages postés
34
Date d'inscription
samedi 31 juillet 2010
Statut
Membre
Dernière intervention
26 mars 2013
-
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
-
Salut forum !

Je conçois une shop en ligne sur mon site web avec plusieurs choses interactives à l'intérieur de ma DIV principale qui forme le cadre de ma page.

Donc, par exemple, en cliquant sur "voir la description" d'un item, le cadre va s'agrandir puisque le height est "auto". Par contre, j'ai une sous-division dans mon cadre (une autre div). Si on clique sur un lien, la "sous" div disparait (l'animation BlindUp par Scriptaculous) et une autre div apparait à sa place (BlindDown) pour changer de catégorie d'item. Puisque mon cadre principale (div) a comme style "height: auto;", il se redimensionne tout au long de l'animation BlindUp et BlindDown, ce qui cause un lag vraiment intense et ça gèle. La sous-division change, mais mon animation bug, ça gèle pendant 2-3 secondes et l'autre div apparait.

J'aimerais donc trouver un moyen de détecter le nombre de pixel de la hauteur (height) de mon cadre principal et le figer le temps que mon animation se fasse. En gros, que la hauteur de ma div principale ne change pas, ne soit plus automatique le temps d'exécuter ma fonction.

Quelqu'un connait une fonction javascript qui ferait quelque chose du meme genre ?

1 réponse

Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
18
Bonjour,
voir du coté de la propriété offsetHeight, pour la lecture et style.height pour l'affectation, sans oublier +"px" pour l'unité.

;O)