Есть два div. Один 70% шириной, второй 30%. Второй обтекает первый слева. Мне нужно, чтобы на границе этих блоков была кнопка захвата (или как назвать), и чтобы, хватая и двигая влево или вправо курсором мыши эту кнопку на границе, ширина этих двух блоков зависимо изменялась. Как такое реализовать?
Может есть что готовое, но не могу сформулировать запрос.
Rusnire: особа такого нигде не встречал. Я так понял нужен функционал типа codepen, когда можно менять размеры окошек html css и/или js и "браузера". Рыть похоже только в эту сторону надо https://learn.javascript.ru/drag-and-drop скрипты придется переделывать самому.
var list = document.getElementsByClassName("right-column-dialog")[0];
var list2 = document.getElementsByClassName("left-column-dialog")[0];
list.style.width = "85" - list2.style.width;
Но выполняется только один раз. Как сделать, чтобы он работал постоянно?
Rusnire: min-width: (количество пикселей, около 30 ставить лучше)px; в .square, а также max-width, равный реальной ширине (у вас 500px) минус минимальная ширина (30px например). Но опять же хочется делать так, чтоб работало без привязки значений конкретных, а в % всё устанавливать.
