问题标签 [resizable]

总而言之，我试图在窗口的高度和宽度上都获得一个“可调整大小的页面”。我也有两个固定的集团。一个在页面顶部，另一个在左侧（例如Flow应用程序）。

如您所见，我正在尝试使屏幕的黄色部分可调整大小（仅限 css），但我在高度部分遇到了一些问题。滚动区域始终计算顶部块（红色块）的高度。

有没有办法让它免费使用javascript？

我在以下链接中有一个简单的页面，当您调整浏览器窗口大小时，它是可扩展的：http: //pastehtml.com/view/1eg346q.html

因为它现在工作，它漂浮在左边，当行中有另一个盒子的空间时，图片会四处移动。

问题是，当您尝试使浏览器窗口更大时，它会产生大量空白，直到最终有空间容纳新盒子 - 就像这样：http: //imageshack.us/photo/my-images/220/scal1 .jpg/

当你调整大小时，有没有办法在两个站点中传播空白，所以它有点像左边的 50% 和右边的 50%？也许像这样：http: //imageshack.us/photo/my-images/641/scal2.jpg/

我能想到的唯一方法是将框居中，但我不希望它们一直居中 - 只有当你调整大小时......

如果没有办法做到这一点，你有没有像我现在这样缩放的更好的建议，同时关于如何摆脱白色间距？

晚上大部分时间我都在网上搜索，但收效甚微。

我和我的朋友正在使用 jquery 而不是 jquery UI 进行可拖动对话框，因为它感觉相当臃肿，尤其是与它捆绑的所有主题内容。

我特别追求的是支持

• iframe 和/或 HTML
• 可拖动的
• 可选的非模态使用
• 一次显示多个的能力
• 可调整大小

在发布此内容时，我查看了stackoverflow中的建议

• 没有 jQueryUI 的 jQuery 模态对话框
• jQuery 厚盒的最佳替代品是什么
• 优秀的 jQuery 弹出对话框插件

迄今为止我发现的最好的是：

• ColorBox - 可定制的 jQuery 灯箱插件
• FancyZoom 遇见 jQuery
• 花式盒

并搜索了灯箱克隆矩阵（非常酷的网站）

大家好。我有以下代码：

http://jsfiddle.net/g7Cgg/

如您所见，有 2 个简单的 DIV 相互堆叠。这些 DIV 中的每一个也都设置为可调整大小和可拖动的。但是，请注意，当您尝试调整第一个元素的大小时，第二个元素会折叠到第一个元素上。据我所知，这是因为 resizable 将元素更改为绝对位置。如何防止这种行为？是否可以在保留拖动元素的能力的同时调整元素的大小？

另请注意，如果您将元素更改为具有相对位置（在 .demo 样式中添加 position:relative !important），它可以防止折叠，但是当您开始调整大小或拖动时，元素会“跳跃”。另一个奇怪的行为。谢谢你的帮助。

可调整大小的 jQuery UI Demo 提供了一个页面：http: //jqueryui.com/demos/resizable/textarea.html

然后我按照它制作了一个类似的页面：

但是我的页面中没有句柄图像（右下角的那个）！我将我的代码与示例进行了比较。实际上，除了标题“包括”js和css文件之外，它们几乎相同。我错过了什么吗？

I'm trying to set the upper limit values of a resizable image to keep it within the containing div. I'm using mootools to make the image both moveable and resizable (implementing Drag.Move and makeResizable to do so.)

My temporary solution is to use overflow:hidden; so the resized image does not overtake the rest of the page when it is sized beyond the container, but I'd like to be able to have a way so the image can not be resized outside of its container.

I know that since limit is set on 'domready', if I try to set it to a variable that changes value as the image is resized (ie: onDrag), the limit parameter won't be updated on the fly. I'm wondering if anyone has any insight into how I can achieve a similar effect to the Drag.Move container parameter, as makeResizable doesn't seem to have the same parameter.

HTML:

CSS:

JS:

Thanks in advance,

Matt

在 jQuery 1.8.12 和 1.8.13 中，我不再获得放置在元素右下角的 se 句柄图标，以指示该元素可调整大小。

检查http://jsfiddle.net/wYcWU/

如果您将 1.8.13 切换到 1.8.11，那么它可以工作。

我目前在以下页面上工作：

divResizable 已被 jQuery 使用以下代码修改$().ready()

如您所见，当 divResizable 变小时，我尝试增加 divContent 的宽度，反之亦然。但是，使用此代码，divContent 并不总是只“增长”到左侧，它有时会延伸到不相关的 div 的右侧，这根本不会使调整大小看起来很好。

是否有更复杂的方法可以让这 2 个 div 的宽度对应？

我能想到的是将 divContent 的宽度设置为

我将如何使用 jQuery 来做到这一点？

我有一个时间段表（日历的一天视图）上午 8 点至下午 5 点，每小时一行。我在特定事件的时间段顶部覆盖了一些事件。该事件基本上是一个绝对定位在表格顶部的 div。我能够正确定位事件 div 并调整其大小，以便从下午 1 点到下午 3 点的事件足够高，可以从下午 1 点时段跨越到下午 3 点时段。

我的问题是我想让这个事件 div 可调整大小。所以我使用jquery代码：

我需要做的是确定拖动调整大小时事件覆盖的时间段。因此，如果我将事件 div 的顶部从下午 1 点槽拖到上午 9 点槽，我需要能够在用户停止拖动调整大小时获得上午 9 点槽元素。如何确定事件调整到哪个时间段行？

我设法调整了多个班级的大小

但我想从我调整大小的主对象中的属性中获取也可调整大小的对象。我怎样才能在那里获得属性值？

我试过了：

但它不工作。有人可以帮忙吗？

这是一个用于测试的 jfiddle：Fiddle