Comment convertir une disposition fixe en hauteur/largeur fixe en élastique?

J'ai utilisé le même logiciel utilisé ici http://us.gn.bartal.org/ pour créer un treemap largeur/hauteur fixe en HTML + CSS.Comment convertir une disposition fixe en hauteur/largeur fixe en élastique?

Je voudrais le rendre élastique en ayant une fonction JavaScript pour convertir tous les pixels en positions et tailles absolues en pourcentages.

Comment suggéreriez-vous de procéder? Y a-t-il de la magie jQuery/Prototype/Dojo que je peux exploiter?

Source

2010-04-01 phretor

Votre processus de base serait quelque chose comme ceci:

Identifier les éléments qui ont besoin de redimensionnement
Ecrire une JQuery pour trouver les tailles de ces éléments
Calculer les pourcentages (ou d'autres valeurs)
Effectuez les réglages
Abonnez-vous aux tous les événements pertinents Redimensionner
recalculent les tailles o n chaque événement de redimensionnement

Source

2010-04-01 18:15:20

J'ai déjà écrit une solution qui fonctionne à peu près comme ça. Cependant, je préférerais les convertir en éléments de taille réelle, afin qu'ils s'adaptent naturellement au redimensionnement. – phretor

@phretor: Alors, tout ce que vous devez faire est l'étape 3 de ma réponse. –

Merci John. J'espère que la hauteur: X%; est cross-navigateur :) – phretor

Comment convertir une disposition fixe en hauteur/largeur fixe en élastique?

Répondre

Questions connexes