Como converter um layout de altura/largura fixa em elástico?

Question

Eu usei o mesmo software usado aqui http://us.gn.bartal.org/ Para criar uma largura/altura fixa TreeMap no HTML + CSS.

Eu gostaria de torná -lo elástico por ter uma função JavaScript para converter todas as posições e tamanhos absolutos de pixels em porcentagens.

Como você sugeriria prosseguir? Existe alguma mágica jQuery/protótipo/dojo que eu possa explorar?

Answer 1

Seu processo básico seria algo assim:

• Identifique os elementos que precisam redimensionar
• Escreva algum jQuery para encontrar os tamanhos desses elementos
• Calcule as porcentagens (ou outros valores)
• Faça os ajustes
• Inscreva -se em todos os eventos de redimensionamento relevante
• Recalcule os tamanhos em cada evento de redimensionamento