Calculer divs draggable - jquery

Question

J'ai deux divs sur la page, qui représentent deux colonnes. Les deux sont flottants à gauche, ont une largeur de 49% et un remplissage à droite pour 0,5%. Dans chaque colonne, plusieurs divs sont positionnés verticalement vers le bas. Maintenant, je veux faire une fonction, ce qui permettra à l'utilisateur de redimensionner chaque div dans la colonne, ou si ce n'est pas réalisable, une fonction qui permettra à l'utilisateur de redimensionner chaque colonne.

J'ai réussi à redimensionner une div dans la colonne ($ ('# div'). Resizable();), mais je veux modifier le script, donc le calcul automatique est activé.

Pour expliquer. Si l'utilisateur redimensionne la colonne de droite pour xx%, je veux que la colonne de gauche réduise la taille de xx%

Comment gérer cela?

Answer 1

Jetez un oeil à l'élément jQuery UI Resizable.

Answer 2

La commande jQuery redimensionnable vous permet de spécifier un stop callback. J'imagine que la chose la plus facile à faire, serait d'écrire un rappel qui détermine la taille de pixel de l'élément, et détermine la taille relative, puis définit cela sur l'élément. Cela nécessitera de savoir à quel élément la largeur ou la hauteur sera proportionnelle, ce qui peut ne pas être trivial à déterminer automatiquement. Vous devrez peut-être vous assurer que c'est un élément particulier dans votre code HTML; peut-être ajouter un div spécifique contenant à cet effet.