問題タブ [jquery-layout]

まず最初に。生の CSS を処理して複雑なページ レイアウトを生成するのに苦労しています。ブラウザー ベンダーがさまざまな方向を見ているため、状況はさらに複雑になります。うーん、今さら変えられない。

それで、多くの努力の後、私は探し始めました：

1. コンテンツを取り込み、希望のレイアウトを定義し、最新のブラウザーのほとんどを尊重する魔法のように CSS を生成できるようにする WYSIWYG エディター。
2. 必要なレイアウトの入力を受け取るだけで、コンテンツ配置の複雑さを処理する jQuery プラグイン。

最初のクエストで何も見つかりませんでした。そのような WYSIWYG エディタがあるかどうか知りたいです。多くの CSS エディターがありますが、生の CSS を抽象化していません。CSS を完全に理解する必要があり、IMHO はそのようなエディターの必要性を上回っています。メモ帳または通常の IDE で十分です。

2 番目のポイントについては、 stackoverflowでこのスレッドに出くわしました。今、これは私を豊かさの問題に陥らせました（ところで悪いことではありません）。この投稿には、このトリックを実行するいくつかの jQuery プラグインへのリンクがあります。それらのいくつかは次のとおりです。

• jQuery UI.Layout プラグイン
• jLayout jQuery プラグイン
• ドッキング レイアウト マネージャー

これらのうちの 1 つ以上を使用した可能性がある人からのコメントと推奨事項を探しています。プラグインのシンプルさは重要であり、柔軟性も同様に重要です (プラグインは制限的であってはなりません。

率直に言って、CSS ジョブの多くをツールにオフロードしたいと考えています。

私は自分のプロジェクトの1つでjQueryレイアウトプラグインとjqGridプラグインを使用していますが、少し問題があることを除けば、これらはうまく機能します...

jqGridを含むペイン（jQueryレイアウトペイン）を完全に埋めてほしい。ペインのサイズを変更するとjqGridのサイズが変更され、ペインを閉じるとjqGridなどが非表示になります。

jqGridとjQueryLayoutはどちらもコールバックを提供しますが、それらを使用すると、ページレイアウトがひどく壊れます。

jqGridとjQueryLayoutを組み合わせた経験はありますか？

1. http://www.secondpersonplural.ca/jqgriddocs/index.htm
2. http://layout.jquery-dev.net/

jqueryレイアウトプラグインを使用していますが、次のような状況で解決策が見つかりません。divを下の境界線を超えてドラッグして、中央のペインのサイズを永続的に大きくするにはどうすればよいですか。

左ペインと中央ペインがあります。ユーザーが左側のペインをクリックすると、動的にdivが生成されます。divが生成され、中央のペインにドロップされます。divはドラッグ可能で、サイズ変更可能です。表示されている中央領域をドラッグしてサイズを変更すると、すべて正常に機能します。divを下からドラッグすると、中央のペインにスクロールバーが表示され、ドラッグしたdivの新しい位置に対応するために中央のペインが伸びているように見えます。しかし、divのサイズを変更したり、別のdivを追加したりしようとすると、divの上部にジャンプして、スクロールバーがリセットされます。Firebugで中央のdivの高さを確認しましたが、新しいdivを下からドラッグした後でも、初期化すると同じ高さのままです。

これがテストページのhtmlコードです。

完全にコピーしてhtmlページに貼り付けるだけです。左側のペインで[新規追加]ボタンをクリックすると、ドラッグ可能でサイズ変更可能な新しいdivが追加されます。

1. 「新規追加」をクリックします
2. 新しく追加したdivを中央のペインの下部を超えてドラッグします。
3. 中央のペインには、想定どおりのスクロールバーが表示されます。
4. ファイアバグで中央のdivの高さを確認すると、変化していません
5. 次に、ハンドルをドラッグして、新しく追加されたdivのサイズを変更してみます
6. 一番上にジャンプし、中央のボックスはスクロールバーを失います。

完全なhtmlページを貼り付けることができなかったので、このスレッドの下部にあるコードへの参照を示します http://groups.google.com/group/jquery-ui-layout/browse_thread/thread/ca922aa44c0048ee

そしてここにテストリンクがありますhttp://jsfiddle.net/yZc63/

UI.Layout を使用して、ExtJs レイアウトに似た動作を作成しようとしています: 水平ペインを閉じたり開いたりすると、リサイザーが非表示になり、スライド効果で再表示されます。

これは、イベントの後に効果が表示されるため、ペインを閉じるのは簡単でしたがonclose、ペインを開いたときに同じ動作を適用するのは非常に困難です。

リサイザーに適用される効果に関係なくトリガーのイベントであるためonopen、リサイザーのスライドが完了するまでペインを開くのを遅らせる方法が見つかりません。

関連するコードは次のとおりです。

ここで何が問題なのですか？

おはようございます、

sizePane（）を呼び出した後、jQueryUIレイアウトがオプションをリセットしているようです。以下をFireFoxにロードし、[サイズ変更]ボタンをクリックすると、北のペインのサイズが突然変更可能になり、ホットキーが突然再び有効になります。私はそれを間違っていますか？それともこれはバグですか？

わかりました、私はそれを求めています、私は知っています。我慢してください。

次のようないくつかのテーブル行タグの間に埋め込まれた <form> があります。

フォーム タグの配置が違法であることはわかっていますが、私が試したすべてのブラウザで許可されます。私はこのコードの設計を制御できませんので、ご容赦ください。

このページを JQuery と JQuery UI.Layout プラグイン ( http://layout.jquery-dev.net/index.cfmを参照) で読み込むと、フォーム タグで囲まれたテーブル行がレンダリングされなくなりました。 . フォーム自体には表示プロパティがないため、JQuery または UI.Layout プラグインがそれらの行にその表示の欠如を継承させていると思います。

Firebug は、それらの行がグレー表示され、form タグの 1 レベル下にインデントされていることを示しています。これは、表示の (欠如) に対応していると思います。興味深いことに、JQuery をまったく使用しない場合、Firebug はこれらの行をインデントされていないものとして表示しますが、代わりにそれらを囲むフォーム タグと同じレベルで表示します (もちろん、それらはグレー表示されません) -- ああ、私もこの場合、Firebug はフォームの終了タグをまったく表示しないことに気付きました。

JQuery なのか、UI.Layout プラグインなのか、JavaScript で行ったことが原因なのかはわかりませんが、まだ調査中ですが、これらのライブラリには多くのコードが含まれているので、誰かが何かを持っている場合は、ポインタに感謝します。

これを防ぐ方法はありますか、またはそれらのテーブル行に何らかの表示を強制する方法はありますか? それらの行がそれを継承するように、フォームタグに何らかの表示プロパティを配置する必要があるのではないでしょうか?

私は標準に準拠したコードを強く支持していますが、上司が耳を傾けないことがあります。したがって、「コードを修正してください」というコメントがあれば、それを惜しまないでください。感謝していますが、それは私がここで求めていることではありません。

JQueryレイアウト機能を使用して、アプリのスケルトンを構築しています。

レイアウトには北パネル、つまりヘッダーがあり、コンテンツ領域により多くのスペースを確保するために非表示にすることができます。

ヘッダーパネルにもアイコンバーが含まれているので、ヘッダーが非表示の場合にのみアイコンバーを表示したいと思います。

UIレイアウトを使用してレイアウトを作成するときにプロパティを設定することでこれを実現する方法はありますか？

これはレイアウトの画像で、ヘッダーを非表示にしてもアイコンは表示されますが、上部の青いバーのみが非表示になります。

よろしく、

サティア

jqueryを使用してhtml要素の間に滑らかな線を描きたいです。Jqueryには、Jqueryを使用して滑らかな線を描画するためのプラグインがありますか？SVGプラグインを使用しましたが、IE7、IE8ではサポートされていません。divを使って線を引いたこともありますが、ジャギーがたくさんあります。

どんなアイデアでも喜んで適用されます。プラグインは、少なくともIE7とgreterバージョン、Mozilaとcromeをサポートする必要があります。ありがとう。

http://servut.us/akx/stackoverflow/jquery-canvas-lines.html 上記のリンクのように作成したいと思います。しかし、上記のリンクの問題は、IE7,8では機能しないことです。

私は2つのことをしようとしています

1）セクション間の境界線（現在は灰色の領域）を削除します

2）カーソルの周りの領域を削除します（カーソルの周りの暗い領域ではなく、「<」または「>」のみが表示されます。

これが私の現在のコードです

http://jsfiddle.net/dan_vitch/KSuck/1/