问题标签 [resizable]

我有第一页。在哪里打开带有 iframe 的 jQuery 对话框的链接，里面有第二页。第二页内有一个可调整大小的文本区域。实际上，仅当我在没有 iframe 的情况下严格打开第二页时，textarea 才可调整大小，但在 iframe 内无法调整大小。如何修复？

UPD：这是我第一页的 html 代码：

1. <div id="dialog-system" title="system settings">
2.   <div class="loadingDivForDialog"><img src="Control/Image/loading.gif" alt="loading..." /></div>
3.   <iframe id="SystemFrame" src="" scrolling="no" frameborder="0"></iframe>
4. </div>

* This source code was highlighted with Source Code Highlighter.

这是打开对话框的脚本：

1. function showSystemDialog(propertyName, id_prov, psysName, currentItemForTick) {
2.   $('.loadingDivForDialog').show();
3.   $('#SystemFrame').hide();
4.  
5.   var defaultSrc = "Settings.aspx?pro=" + propertyName + "&id_prov=" + id_prov;
6.   $("#systemFrame").attr('src', String(defaultSrc));
7.  
8.   $("#dialog-system").dialog({
9.     resizable: false,
10.     height: 300,
11.     width: 680,
12.     modal: true,
13.     position: 'center',
14.     buttons: {}
15.   });
16.   $('#SystemFrame').load(function() {
17.     $('.loadingDivForDialog').hide();
18.     $('#SystemFrame').show();
19.     $('#SystemFrame').contents().find("input[value='Update']").click(function() {
20.  
21.       var obj = $("#" + currentItemForTick);
22.  
23.       if (obj.get(0).tagName == "INPUT") {
24.         obj.attr('checked', true);
25.       }
26.       else {
27.         obj = window.parent.$("input[value='" + psysName + "']");
28.  
29.         obj.attr("checked", true);
30.       }
31.     });
32.  
33.     $('#SystemFrame').contents().find("input[value='Cancel']").click(function() { $("#dialog-system").dialog("close") });
34.  
35.     $("#dialog-system").dialog("option", "height", parseInt($('#SystemFrame').contents().height(), 10) + 35);
36.   });
37.   return false;
38. }

* This source code was highlighted with Source Code Highlighter.

这是第二页的文本区域和脚本：

1. <textarea name="ctl00$ContentPlaceHolderBody$ctrl02$fldText" rows="2" cols="20" id="ctl00_ContentPlaceHolderBody_ctrl02_fldText" class="textbox"></textarea>
2.  
3. <script type="text/javascript">$(function() {
4.   $("#ctl00$ContentPlaceHolderBody$ctrl02$fldText").resizable({
5.     handles: "se",
6.     maxWidth: 340,
7.     minWidth: 196,
8.     minHeight: 18
9.   });
10. });</script>

* This source code was highlighted with Source Code Highlighter.

UPD：有什么想法吗？

我有一个通过 jQuery UI 调整大小的“工具栏”div。

奇怪的是，我不能拖动 div，除非 div 太长以至于超出了可查看的页面，使滚动条出现。然后我可以将 div 拖动到任何我喜欢的地方。但是，如果我拖动 div 使其适合没有滚动条的页面，然后我放下，我无法再次调整它的大小（除非我将页面变小以使滚动条再次出现！）。

这是html：

这是CSS：

这是jQuery：

有任何想法吗？工具栏位于 iFrame 中。

我需要具有可调整大小的列的布局。我有一个面板，里面有 3 个网格面板，现在我在外部面板中使用 hbox 布局来组织它们，这没关系，但我想要一个分隔符，就像在边框布局中一样，来调整列的大小。

这怎么可能？

我最近在使用 JQuery Draggable 和 Resizable 插件时遇到了一些麻烦。在寻找解决方案时，我在许多不同的地方发现了一些非常零散的代码，最后提交了一个干净的解决方案，这似乎对我来说几乎完美地工作。

我想我会与其他人分享我的发现，如果他们也遇到这个问题。

我有一个包含 IFrame 的 div。这个 div 必须是可调整大小和可拖动的。很简单 - 将 jquery 可拖动和调整大小添加到 div 中，如下所示：

一切都很好，直到您拖动另一个包含 iframe 的 div 或尝试通过移动当前 iframe 来调整当前 div 的大小。当超过 iframe 时，这两个函数都会停止。

解决方案：

享受！

PS: Some extra code to create windows which, when selected, are brought to the front of the other draggables:

在可拖动的启动功能中 -

JFrame.setResizable(true)允许用户调整窗口的宽度和高度。是否存在允许用户仅调整高度大小的方法？

谢谢。

编辑：下面的解决方案似乎不起作用。在 360x600 JFrame 上，

仍然允许完全拉伸 JFrame 的宽度，并且设置setResizable(false)不允许拉伸任何内容。

我有一个流畅的布局，我需要一个文本区域来根据父容器的大小来扩展/缩小。

在 CSS 中它看起来像这样：

但这不适用于文本区域。

我怎么能用javascript做到这一点？我可以获取父元素的宽度，然后他们计算适合该宽度的列数，但我怎么知道 1 列的大小（以 px 为单位）？

我正在开发一个网络应用程序，并正在寻找一种方法来创建我自己的数据网格。

我知道那里有很多很棒的脚本，其中包含所有的花里胡哨，但我需要我自己的特定功能、css 样式以及在其中使用我自己的 ui 控件的能力。

真的，我唯一需要的是调整列大小的能力。我真的不在乎标记是否不维护行结构或不语义，因为所有数据都将由 ajax 请求填充。

我在想一个可能的解决方案是让每一列成为一个 div。

有没有可以帮助我的教程？

在我的网页中，我有一个表格，我希望它的第一列可以调整大小。它在 IE8 中运行良好，但在 Mozilla 上它在文档的右下角显示调整大小图标。这是代码

这是它在 IE8 中的显示方式

这是它在 Firefox 中的显示方式

请查看右下角的调整大小图标

我的页面上有以下 div：

我有以下功能使其可调整大小：

到这里一切正常，我在 div 的右下角调整了句柄的大小，但是在点击功能时，内部 div 再次从服务器加载：

即使我在 ajax 回调中调用可调整大小的函数，但它似乎不起作用。我在 ajaxally 加载的 div 的右下角看不到调整大小的句柄。id是对的，一切都是一样的。可能是什么问题？

我的页面上有一个控件，其中包含多个需要调整大小的多行文本框。
我正在尝试使用 jQuery resizable 函数来完成此任务。我只需要我的文本框可以垂直扩展。不幸的是，我只能让可调整大小的函数适用于第一个 div。

这是我的代码示例：