Redimensionar elementos

[Good 4]

Estou tentando fazer um javascript que redimensione os elementos filhos de acordo com a largura e altura do elemento pai.

 

Sei que é bem fácil, mas não estou conseguindo raciocinar.

Vejam a imagem anexada, os retângulos azuis é que devem se readequar com o elemento pai.

 

Eu já consegui pegar a porcentagem da largura e altura dos elementos filhos, que é calculada em relação a largura e altura do elemento pai.

 

O que preciso é calcular o top e left do elemento, pra independente do tamanho do elemento pai, os elementos filhos consigam ficar no lugar exato da posição original que eu coloquei.

 

Deu pra entender? rs

 

Vejam o código:

 

$('#pai').mouseup(function(e) {
		var widthPercentage = $("#filho1").width() / $('#filho1').parent().width() * 100;
		var heightPercentage = $("#filho1").height() / $('#filho1').parent().height() * 100;
}); 

 

[lucaswxp 22]

Eu não entendi nada =x

[Good 4]

1 hora atrás, lucaswxp disse:

Eu não entendi nada =x

 

então kkkk, eu vou criar elementos e colocar dentro de uma div. Estes elementos vão ficar com posição absoluta.

Eu preciso salvar as coordenadas com as posições dos elementos criado (top e left).

 

O problema é que a largura e altura da div pai nem sempre vão ser o mesmo tamanho.

 

Como deve ter visto no meu código, eu transformei a largura e altura em porcentagem, pois assim vai dar para saber a largura e altura que foi salvada da primeira vez, o valor nunca mudará independente da largura da div pai. Se tem 80% de largura, sempre vai ter 80% independente da largura pai (ou seja, sempre vai ter 80% em relação a largura e altura da div pai).

 

O que falta agora é salvar o top e left, pra quando for gerar as divs filhas, eles fiquem no mesmo lugar que foi salvado da primeira vez.