Due DIV ridimensionabili

[in the web]

Ciao a tutti
Ho due DIV adiacenti, uno sopra l'altro, e vorrei che fossero ridimensionabili. Ingrandendo quello sopra, contemporaneamente si deve ridurre quello sotto, come se fossero due frame. Le loro dimensioni sono indicate in %.
Conosco la proprietà CSS resize, ma io voglio che vengano ridimensionati insieme, non uno alla volta.
Conoscete uno script per farlo?

[skjobax]

Con jQuery lo fai più semplicemente...

[in the web]

Certo, ma dovrei includere jQuery solo per questo (e considera che il mio script è già molto pesante), e romperei la compatibilità con qualche browser minore tipo Konqueror.

[skjobax]

Secondo me, dovresti ridimensionare il div (style.height e style.width) in un setInterval, in modo da rendere "scorrevole" l'animazione:

var finalW = 200; // in pixel
var finalH = 300; // in pixel
var elStyle = document.getElementById('div').style;

function resize(fps)
{
  if(parseInt(elStyle.height) < finalH) elStyle.height = Math.abs(parseInt(elStyle.height)) + fps;
  if(parseInt(elStyle.width) < finalW) elStyle.width = Math.abs(parseInt(elStyle.width)) + fps;

  if(parseInt(elStyle.width) == finalW && parseInt(elStyle.height) == finalH) clearInterval(timer);
}

var timer = setInterval('resize(10)', 1000);

Se non va è perché l'ho scritto al momento...
Ma dovrebbe darti un'idea della cosa.