[Javascript] Implémenter un effet aimant entre un item et une grille

Bonjour les zone,

Je cherche actuellement une manière d’implémenter des items déplacable via drag & drop à l’intérieur d’un tableau. Pour être plus précis, je veux que l’item en question (ici une barre graphique modifiable par sa longueur) puisse etre seulement aimanté par la ligne du tableau afin de faire quelque chose de propre et de ne pas le mettre n’importe où et n’importe comment.

Pour l’instant, la tableau n’est juste une succession de div créé via du javascript au lancement de page, dans laquel j’ai ajouté des effets de styles (border, width). Voici, un exemple du script :

[code]



var hour;
for(var index = 0; index < 23; index++)
{
for(hour = 0; hour < 24; hour++)
{
var maindiv = document.getElementById(‘Scheduler_hourRow’);
var div = document.createElement(‘DIV’);
maindiv.appendChild(div);
}
		}
	</script>
</div>[/code]

et ce que donne le résultat final actuel :

Comme vous le voyez, les barres jaunes peuvent être placé n’importe comment pour l’instant. Ils ne sont aucunement lié avec le tableau. Or je veux que ces 2 éléments soient liés sans passé par une quelconque feinte pour faire croire que la barre se situe pile poil dans une des lignes du tableau.

Si vous avez une idée de la manière de s’y prendre, je suis tout ouie (euh ortho ??)

PS : j’espère que vous m’avez compris B)