Wie konvertieren Sie ein festes Layout der festen Höhe/Breite in Gummiband?

Question

Ich habe die gleiche Software verwendet, die hier verwendet wurde http://us.gn.bartal.org/ So erstellen Sie eine feste Breite/Höhen -Treemap in HTML + CSS.

Ich möchte es elastisch machen, indem ich eine JavaScript -Funktion habe, um alle Pixel absoluten Positionen und Größen in Prozentsätze umzuwandeln.

Wie würden Sie vorschlagen, fortzufahren? Gibt es eine jQuery/Prototype/Dojo -Magie, die ich ausnutzen kann?

Answer 1

Ihr grundlegender Prozess wäre ungefähr so:

• Identifizieren Sie die Elemente, die die Größenänderung benötigen
• Schreiben Sie etwas jQuery, um die Größen dieser Elemente zu finden
• Berechnen Sie die Prozentsätze (oder andere Werte)
• Die Anpassungen vornehmen
• Abonnieren Sie alle relevanten Größengrößenereignisse
• Berechnen Sie die Größen jedes Größengrößenereignisses neu