让用户调整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中的更改,因此页面刷新不应重置调整大小。
如果任何人有我一个提示和想法如何可以做到,我会很感激它:)
听起来像是你实际上有多个问题:
- 如何获得调整大小按照你想要的方式工作。为此,我建议使用css和内联样式,特别是flexbox。
- 如何让用户在浏览器中选择宽度。可能带有或不带有jquery的JavaScript。
- 如何保存所选的宽度和高度,直到刷新后。为此,您可以使用localstorage - 只能在同一台计算机上的同一浏览器中工作,或者使用更复杂的服务器端解决方案。为此,您可以使用任何服务器端语言,比如php。
首先,感谢您的回答。我想我知道如何在默认情况下调整元素的大小,此时布局看起来像图片中那样,我无法使其可编辑为用户 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请求,以保存它到数据库永久。
您不能使用CSS保存数据(这里是用户首选项)。你需要PHP。 – Ashugeo
是的,我知道,我也知道如何使用PHP保存数据并加载它 - 但我在哪里得到它?我如何进行调整大小的工作?我不认为设计方面(有一个可拖动元素左右调整div的大小,或者你可以做到这一点)可以在PHP中完成,或者可以吗? – Juliette