Позвольте пользователю изменить размер контейнеров div, сохранить после обновления страницы

Question

Мой вопрос может быть немного конкретным, но я просто не мог найти способ заставить его работать: я хочу иметь 3 контейнера div, которые пользователь может настроить в размере (C - это карта, а B - чат и другая информация, и я хочу, чтобы пользователь мог решить, какой контент он хочет занять больше всего места). Это должно быть сохранено после обновления страницы, или я могу сохранить местоположение/размер содержимого для перезагрузки. Здесь вы видите, что я имею в виду, я хочу, возможность регулировки по горизонтали и C A/B по вертикали

То, что я попытался это:

• размер в CSS, который имеет несколько проблем, первое, что Безразлично» t сохранить после обновления страницы (хотя я мог бы спросить размер контейнеров, я думаю, и перезагрузить его), но большая проблема заключается в том, что если я изменю размер A, B не станет меньше, а вместо этого выталкивается из экрана, t want

• colResizable: плагин jQuery для таблиц, которые будут хорошо работать для горизонтальной регулировки C, но не вертикально, и, кроме того, это не похоже на совместимость с wit ч самозагрузки причина почему-то перестает работать, когда я добавить эту строку в коде:

  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3./js/bootstrap.min.js"></script>  
  

  (мне нужно самонастройки для выпадающего меню)

Так что я на самом деле не имеют даже идеи слева от того, что я мог попробовать, и не могу найти какие-либо другие советы в Интернете, я использую php для сохранения изменений в div A, поэтому обновление страницы не должно сбрасывать размер.

Если кто-нибудь имеет наконечник для меня и представление о том, как это могло быть сделано, я действительно ценю это :)

Answer 1

Похоже, у вас на самом деле есть несколько вопросов:

1. Как получить изменение размера работать так, как вы этого хотите. Для этого я бы посоветовал использовать css и встроенный стиль, в частности flexbox.
2. Как разрешить пользователю выбирать ширину в браузере. Вероятно, JavaScript с jQuery или без него.
3. Как сохранить выбранную ширину и высоту, после обновления. Для этого вы можете использовать localstorage - работает только в том же браузере на том же компьютере или более сложном серверном решении. Для этого вы можете использовать любой серверный язык, например php.

Answer 2

Необходимо изменить javascript ... По-вашему, вы все равно решаете эту проблему. Вы можете сделать это, чтобы запустить функцию javascript в конце изменения размера (библиотека, которую вы используете для изменения размера, должна иметь эту функцию), которая создает куки-файл или вызывает запрос ajax, отправляющий информацию в файл php, который сохраняет его к БД на постоянной основе.