Agrandir et réduire une div dynamiquement

Salut à tous. J'ai une petite question d'ordre propriétées JS.

Voilà j'ai une div dans laquelle j'ai un bloc dragable. Lorsque je drag ce bloc, j'aggrandie la div suivant le "top" de l'objet draggué.

Bon ca ca marche mais ca fait un peu épiléptique puisque tout clignote.

Du coup j'ai voulu utiliser window.scrollTo mais je n'arrive pas à rendre l'agrandissement fluide. Ca clignote tout le temps.

Savez vous comment enlever ce "clignotement" qui survient à cause de la barre de scroll verticale.

current_object.style.top = top+"px";
var test = parseInt(current_object.style.height)+parseInt(current_object.style.top)+"px";
if(parseInt(test) > parseInt(document.getElementById("zone").style.height)){
       document.getElementById("zone").style.height = test;     document.getElementById("web").style.height = test;
window.scrollTo(0,parseInt(test)+100);	document.title = test;
	}else{
var test2 = parseInt(current_object.style.height)+parseInt(current_object.style.top)+"px";
document.getElementById("zone").style.height = test2;
document.getElementById("web").style.height = test2;
document.title = test2;
window.scrollTo(0,parseInt(test2)+500);
}

Je colle un bout de code mais sans le reste c'est un peu dur (mais le code complet est très indigeste et très gros.

En gros le current_object c'est mon bloc draggable et les div zone et web sont les conteneurs du bloc.

Zone => Zone dans laquelle on peut dragger les blocs. Web contient la div Zone.
Modifié par ffwrude (05 Feb 2008 - 10:13)