讓用戶調整div容器的大小，在頁面刷新後保存

我的問題可能有點特殊，但我找不到任何方法使其工作：我想要的是有3個div容器，用戶可以調整大小（C是地圖，B是聊天和其他一些信息，我希望用戶能夠決定他想要佔用最多空間的內容）。這應該在頁面刷新後保存，或者我可以保存重新加載的內容的位置/大小。在這裏，你明白我的意思，我想可能性水平調整C和垂直A/B讓用戶調整div容器的大小，在頁面刷新後保存

我已經試過是：

調整在CSS中，其中有多個問題，首先它不」在頁面刷新後保存（雖然我可以要求容器的大小並重新加載它），但更大的問題是，如果我調整A的大小，B不會變小，而是會被擠出屏幕， t想要
colResizable：一個jQuery插件的表，這將適用於水平C調整，但不垂直，另外它似乎不兼容智慧^ h引導原因由於某些原因，當我在代碼中加入這一行就停止工作：
```
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3./js/bootstrap.min.js"></script>  
```
（我需要引導一個下拉菜單）

所以我真的沒有想法，甚至我可以嘗試並在網上找不到任何其他提示，我正在使用PHP來保存div A中的更改，因此頁面刷新不應重置調整大小。

如果任何人有我一個提示和想法如何可以做到，我會很感激它:)

來源

2015-09-27 Juliette

您不能使用CSS保存數據（這裏是用戶首選項）。你需要PHP。 – Ashugeo

是的，我知道，我也知道如何使用PHP保存數據並加載它 - 但我在哪裏得到它？我如何進行調整大小的工作？我不認爲設計方面（有一個可拖動元素左右調整div的大小，或者你可以做到這一點）可以在PHP中完成，或者可以嗎？ – Juliette

聽起來像是你實際上有多個問題：

如何獲得調整大小按照你想要的方式工作。爲此，我建議使用css和內聯樣式，特別是flexbox。
如何讓用戶在瀏覽器中選擇寬度。可能帶有或不帶有jquery的JavaScript。
如何保存所選的寬度和高度，直到刷新後。爲此，您可以使用localstorage - 只能在同一臺計算機上的同一瀏覽器中工作，或者使用更復雜的服務器端解決方案。爲此，您可以使用任何服務器端語言，比如php。

來源

2015-09-27 14:44:54 wintvelt

首先，感謝您的回答。我想我知道如何在默認情況下調整元素的大小，此時佈局看起來像圖片中那樣，我無法使其可編輯爲用戶 2.這是我最大的問題，因爲我沒有任何起點如何做到這一點 - 你做一個可拖動的div與JavaScript和使左側和右側divs佔用剩餘空間？或者，是否可以直接在JavaScript中編輯div大小？對於特別可拖動的東西，我很新，我也找不到有關讓用戶調整大小的任何有用教程3.我可以將數據保存在數據庫中，np – Juliette

以下是有關可調整大小的div的其他一些stackoverflow問題：http： //stackoverflow.com/questions/391440/make-div-resizeable和http://stackoverflow.com/questions/8960193/how-to-make-html-element-resizable-using-pure-javascript – wintvelt

你應該使用javascript來調整大小...看來你已經解決了這個問題。你可以做的是在調整大小（你用來調整大小的庫應該具有該功能）結束時觸發一個JavaScript函數，該函數創建一個cookie或調用一個將信息發送給php文件的ajax請求，以保存它到數據庫永久。

來源

2015-09-27 14:57:22 sebastianbarria

讓用戶調整div容器的大小，在頁面刷新後保存

回答

相關問題