問題タブ [resizable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
95 参照

javascript - JQueryのサイズ変更可能およびドラッグ可能なdivの配置の問題

大きなdiv内にいくつかのdivを適切に配置し、それらを希望どおりに動作させるのに問題があります。

ソースとプレビューはここにあります:http://jsbin.com/usuniw/6/edit

問題1

非表示のdivを非表示にすると、divの下に表示されます。内部に表示します。内側のダイブのサイズが変更されると(左側のハンドルを使用)、所定の位置に飛び出します

問題2

元々隠されていたdivのサイズを変更すると、右側に揃えるのではなく、親の境界の外側に移動します。

あなたが与えることができるどんな助けにも感謝します。

0 投票する
1 に答える
1345 参照

javascript - Javascript でブラウザの firefox と chrome のサイズ変更を停止するにはどうすればよいですか?

FirefoxとChromeブラウザのサイズ変更を停止する方法を知っている人は誰でも

0 投票する
1 に答える
1164 参照

jquery - Firefox と IE の jQuery UI のサイズ変更可能なバグ(?)

動的コンテンツを含む並べ替え可能なテーブルを使用して、会社の HR モジュールを構築しています。プロジェクトが終了した後、クライアントはテーブルを垂直方向にサイズ変更できるようにするように要求しました。メインテーブルがラップされている div にjQuery UI resizable()を適用しました。SafariChromeではまったく問題なく動作しますが、Firefox または IE でラッパー div のサイズを変更すると、テーブルの高さは同じままで、div のサイズに拡張されません。

簡略化されたマークアップは次のようになります。

スタイルは次のとおりです。

各要素にさまざまなoverflowposition、およびdisplay値を使用してみましたが、結果は良くありませんでした。jQuery の部分は次のとおりです。

本当に Firefox/IE でこのような問題があるのでしょうか、それとも何か間違っているのでしょうか?

0 投票する
1 に答える
745 参照

jquery - ドラッグ可能な動的に変更された要素と組み合わせた場合の jQuery のサイズ変更可能な問題

jQuery のこれらの機能の組み合わせに問題があります。要素はドラッグ可能でサイズ変更可能なものから始まり、要素をダブルクリックしてその内容を編集しても (要素の値を入力に追加することによって) サイズ変更可能のままです。

ただし、非アクティブ化すると (入力の値を要素に戻して入力を削除すると)、ドラッグ可能のままになりますが、サイズ変更できなくなります。

現在、私は動的に追加された要素をサポートするために .live() を使用しており、非常に詳細に説明する代わりに、コードの簡素化されたバージョンで jsFiddle をセットアップしました。

http://jsfiddle.net/VnAu3/2/

ご協力ありがとうございました!

0 投票する
2 に答える
1685 参照

jquery - 回転した要素での jQuery のサイズ変更可能な問題

私は、77度で回転するdivでjQuery UIのサイズ変更を行っています。結果は完全に制御不能です。

これを再現するには:

  • http://jqueryui.com/demos/resizable/に移動します。
  • Chrome/Mozilla コンソールで検査をクリックすると、灰色のサイズ変更可能な要素が id="resizable" である必要があります。
  • -webkit-transform:rotate(77deg) または -moz-transform:rotate(77deg) を適用します。
  • 次に、その要素のサイズを変更してみてください

これを修正する方法はありますか?ありがとうございました

0 投票する
1 に答える
389 参照

java - UbuntuのJFrameのデフォルトサイズ

私はubuntu10.04を使用していますが、他のubuntuディストリビューションでもこれを発見しました。

アプリケーションの最初のJFrameを起動すると、デフォルトのサイズ(setSize()で指定)で起動しませんが、代わりに画面全体で最大化されます。

これに対する回避策が1つあります。それは、setResizable(false)(ウィンドウを目的のサイズに戻す)を使用してから、trueに戻します(サイズを変更できるようにしたい)。

このバグがどこから来たのか誰か知っていますか?これに対処するためのエレガントな方法はありますか?

ありがとう、

0 投票する
1 に答える
247 参照

javascript - JQuery UI-Bug ネストされたサイズ変更可能オブジェクトの包含

ちょっと私はJQuery UI(1.8.9)を使用していて、次のような2つのネストされたサイズ変更可能オブジェクトがあります:

内部のサイズ変更可能なものがロックされている封じ込めを使用しているようです(http://jsfiddle.net/snASY/を参照)

0 投票する
1 に答える
965 参照

jquery - JqueryUIを使用してサイズ変更される画像のIDを取得する

Jquery UIを使用して、画像をドラッグアンドドロップおよびサイズ変更しています。div内の画像のサイズを変更し、Divをドラッグして、divをドラッグしてサイズ変更した場合のJqueryUIのバグを解決しています。

サイズ変更されている画像のdivIDを見つけるにはどうすればよいですか?

私のコードは次のとおりです。

HTMLコード

画像のdivIDを取得しようとして失敗しました
1.ui.originalElement[0] .attr('id')、ui.originalElement.attr('id')を使用します2.event.trigger.idを使用します

0 投票する
4 に答える
4384 参照

delphi - Windows 7通知フライアウトのようなウィンドウを作成する方法(WS_THICKFRAME、ただしサイズ変更不可)

ここDelphi7で、音量、バッテリー、時計、ネットワークなどのデフォルトのシステムアイコンをシミュレート する小さなアプリを作成しました。

ここですべてのMicrosoftの推奨事項に従おうとしていますhttp://msdn.microsoft.com/en-us/library/aa511448.aspx#flyouts

ウィンドウをフライアウトのように見せるために、私は次のコードを使用しています。

実装

私の問題は、WS_THICKFRAMEでユーザーがウィンドウのサイズを変更できることです。どうすればこれを修正できますか?

サイズ変更可能なウィンドウの問題

0 投票する
3 に答える
5294 参照

jquery - ドロップ可能でドラッグ可能でサイズ変更可能な Jquery が期待どおりに機能しない

サイズ変更可能な Droppable 内の JQueryUI Draggable が機能しません。アイデアは、ドロップされた要素のサイズを変更して、ドラッグアンドドロップされた要素をdivにドラッグできるようにすることです。

作業コード: http://jsfiddle.net/lukaszjg/GvDLh/

問題を再現する手順:

  1. 「ドラッグミー」を「ドロップする場所」にドラッグします
    1. リサイズしてみる
    2. 「ドロップする場所」内にドラッグされた要素をドラッグしてみてください
    3. ドラッグした要素のサイズをもう一度変更してみてください - 期待どおりに動作していません

#dragme と #droppable が対応する div を参照する以下のコードを見つけてください。それを修正する方法はありますか?