問題タブ [resizable]

最初のページがあります。2番目のページが内部にあるiframeでjQueryダイアログを開くリンクはどこにありますか。2 ページ目にサイズ変更可能なテキストエリアがあります。実際には、iframe なしで 2 番目のページを厳密に開いた場合にのみテキストエリアのサイズを変更できますが、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.

これは、opent ダイアログ ボックスへのスクリプトです。

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.

これは、2 ページ目のテキストエリアとスクリプトです。

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 レイアウトを使用してそれらを整理しています。

どのように可能ですか？

最近、JQueryDraggableおよびResizableプラグインを使用していくつかの問題が発生しました。解決策を探して、私は多くの異なる場所でいくつかの非常に断片化されたコードを見つけ、最終的に私にとってほぼ完璧に機能するように見えるクリーンな解決策に提出しました。

彼らもこの問題に遭遇した場合、私は他の誰かのために私の発見を共有したいと思いました。

IFrameを含むdivがあります。このdivは、サイズ変更およびドラッグ可能である必要があります。非常に単純です-次のように、ドラッグ可能でサイズ変更可能なjqueryをdivに追加します。

iframeを含む別のdivにドラッグするか、現在のiframeに移動して現在のdivのサイズを変更しようとするまでは、すべて問題ありません。両方の機能は、iframeを超えると停止します。

解決：

楽しみ！

PS：選択すると、他のドラッグ可能なオブジェクトの前面に表示されるウィンドウを作成するための追加のコード：

ドラッグ可能な開始機能で-

JFrame.setResizable(true)ユーザーはウィンドウの幅と高さの両方を変更できます。ユーザーが高さのサイズのみを変更できる方法はありますか?

ありがとう。

編集:以下の解決策は機能しないようです。360x600 JFrame では、

JFrame の幅を完全に拡大するsetResizable(false)こともできますが、何も拡大することはできません。

流動的なレイアウトがあり、親コンテナーのサイズに応じて拡大/縮小するテキストエリアが必要です。

CSS では、次のようになります。

しかし、これはテキストエリアでは機能しません。

javascriptでこれを行うにはどうすればよいですか？親要素の幅を取得し、その幅に合わせて列の数を計算できますが、1列のサイズ(px)をどのように知ることができますか?

私は Web アプリを開発しており、独自のデータグリッドを作成する方法を探しています。

さまざまな機能を備えた素晴らしいスクリプトがたくさんあることは知っていますが、独自の特定の機能、CSS スタイル、および独自の UI コントロールを使用する機能が必要です。

本当に必要なのは、列のサイズを変更する機能だけです。すべてのデータは ajax リクエストによって入力されるため、マークアップが行構造を維持していないか、セマンティックでないかどうかはあまり気にしません。

考えられる解決策は、各列をdivにすることだと考えていました。

私を助けることができるチュートリアルはありますか？

私のWebページにはテーブルがあり、最初の列のサイズを変更できるようにしたいです。IE8では正常に動作しますが、Mozillaではドキュメントの右下隅にサイズ変更アイコンが表示されます。これはコードです

これがIE8でどのように表示されるかです

これがFirefoxでの表示方法です

plzは右下隅にあるサイズ変更アイコンを参照してください

私のページには次のdivがあります：

サイズを変更できるようにするために、次の関数があります。

ここまではすべて正常に機能し、divの右下隅にサイズ変更ハンドルがありますが、関数をクリックすると、内部divがサーバーから再度ロードされます。

ajaxコールバックでサイズ変更可能な関数を呼び出していますが、機能していないようです。ajaxicallyロードされたdivの右下隅にサイズ変更ハンドルが表示されません。IDは正しいですすべてが同じです。何が問題なのでしょう？

ページ上のコントロールに、サイズ変更が必要な複数行のテキスト ボックスが含まれています。
このタスクを達成するために jQuery のサイズ変更可能な関数を使用しようとしています。テキスト ボックスを垂直方向に拡張できるようにするだけです。残念ながら、サイズ変更可能な関数は最初の div でしか機能しません。

これが私のコードのサンプルです：