Détecte nombre de pixel avec height: auto

Résolu
cs_jimmyhendrix Messages postés 34 Date d'inscription samedi 31 juillet 2010 Statut Membre Dernière intervention 26 mars 2013 - 4 janv. 2011 à 20:43
PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 - 5 janv. 2011 à 13:02
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

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
5 janv. 2011 à 13:02
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)
3