問題タブ [flyout]

CSS だけでメニューを作成できるようになったら、誰かが教えてくれました。

amazon.comおよびwalmart.comには、部門にカーソルを合わせるとフライアウト機能があります。メニューと同じように機能しますが、リンクの完全なリストを含む実際の長方形のウィンドウがホバーに表示されます。

その機能の名前を見つけようとしています。「フライアウト」は適切なのだろうか？そして2番目の質問として、同様のことを行うjQueryプラグインがあります。フライアウトプラグインを検索してみましたが、実際にはいくつかありますが、私が望むものではないようです。

画面よりも大きい場合にスクロールが組み込まれたフライアウト メニューを作成しようとしています。ネイティブのoverflow-yスクロールプロパティでこれを行う方法がわかりません。そのoverflow-y:autoを設定しているように見えるたびに、飛び出すメニューはスクロールバーで親div内にネストされます。

誰にもアイデアはありますか？

ありがとう！

これは説明するのが難しい質問で、約 1 時間検索しましたが、役に立ちませんでした。

基本的に、Windows 7 のワイヤレス コントロールやシステム トレイ (通知領域) のボリューム スライダーのような小さな「フライアウト」ウィンドウを思い浮かべてください。アイコンをクリックすると、フォーカスのあるアプリケーションがポップアップ表示されます。アイコンをクリックしないと、ウィンドウは自動的に破棄されます。

ウィンドウがフォーカスを失ったときにウィンドウを破壊するだけで簡単に解決できると思いました（WM_KILLFOCUSを聞いていました）が、問題は、アイコンがクリックされた場合、ウィンドウが常にフォーカスされるとは限らないことです。これは当てはまらないので、ユーザーが私のアイコンをクリックしてから、それが間違いだったためにクリックして離れた場合 (デスクトップ上で言う)、どうすればアプリを閉じるように設定できますか?

SPY++ をいじってみましたが、ウィンドウ/プロセス ハンドルを取得しようとすると、ボリューム コントロール/ワイヤレス コントロール アプリが消えてしまうため、確認するのが難しいことがわかりました。

ありがとう！

IE7+ および FF で動作する CSS のみのメニューを作成しようとしています。もちろん、メニューは現在 IE8 と FF で動作します。

問題は、ホバーしてStore Departments > Women's Clothes > Groceryからホバリングを停止する場合です (つまり、ホバリングからドキュメントに直接移動しGroceryます)。次に、もう一度ホバーしStore Departmentsます。何が起こっているかというと、第 3 レベルがまだ表示されているということです。3 番目のレベルにカーソルを合わせてから、2 番目のレベルにカーソルを合わせないと、正しく消えません。

この問題は IE7 にのみ存在し、開発 URL はnavset.tabmin.com/vert.htm です。

web.sitemap ファイルによって駆動される asp:Menu コントロールがあります。

メニューは例えばこんな感じ。

サイトマップでは、特定の果物は「果物」siteMapNode の子です (色についても同様です)。メニューは動的に設定されているため、果物と色は静的であり、特定の果物と色がポップアップ/フライアウト メニューに表示されます。親アイテムは分類目的のためだけです。「フルーツ」のページはありません。

「果物」と「色」がリンクされないようにするにはどうすればよいですか?

アイデアで実験中です。インライン画像を含む HTML テキストのブロックがあります。一部の画像には、(私が思うに) フライアウトがあります。つまり、画像にカーソルを合わせると、左側にコントロール パネルが表示されます。将来的には、コントロール パネルは表示モードの切り替え、画像サイズの変更などを行う予定です。今のところ、表示させたいだけです。マウスが画像またはコントロール パネルから離れると消えます。

jQuery UI には便利な " position " 関数があり、これは私が望んでいることをほぼ正確に実行します。

Safari 5.0.1 で使用すると、最初は機能しますが、その後のマウスオーバーにより、同じデルタのように見える部分だけコントロール パネルが徐々に移動します。position() がパネルに毎回オフセットを適用するように見えますが、固定/静的位置に移動すると予想していました。

Firefox 3.6.7 で使用すると、画像とコントロール パネルの間に 1 ピクセルのギャップがあります。img と div を完全に揃えたいのですが、これが位置のポイントだと思いました。

毎回正しい位置に移動するにはどうすればよいですか? そして、このテクニックは「フライアウト」、「フライオーバー」または他の用語と呼ばれますか?

これが私のコードです

ここで提起された質問に似た問題がありますが、ケースは多少異なります。

私が探している機能は、ナショナル ジオグラフィックのウェブサイトとほぼ同じです。ここでは、メイン リンクの 1 つにカーソルを合わせると「スニーク ピーク」が表示され、それを操作している間、または子メニューにカーソルを合わせると表示されたままになりますが、メニュー項目、子リンク、または「スニーク ピーク」にカーソルを合わせないでください。

下のリスト項目にマウスオーバーすると、指定した DIV が必要です (この場合は番号で対応しますが、番号が存在しない場合、または一致しない場合は、div 名を個別に定義できる柔軟性が必要です) [私は Drupal を使用しており、すべてが動的に生成されます]) スライド アウトするか、その下に表示されます (リストはインラインになります)。DIV に表示されるリンクをクリックできるように開いたままにしておく必要がありますが、DIV またはリスト項目からマウスアウトすると、div が消える必要があります。

私のHTMLは次のようになります。

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

そして、私のjQuery（他のスレッドに対するCarl Meyerの回答に基づいており、ひどく失敗したと確信しています）は次のようになります。

私はこのコードがどのように機能しているかよく知らず、それを解決しようとしてきましたが、「idx」の使用と、単数形の「スライド」という用語がどのように機能するかを理解しているかどうかはわかりません。

私は jQuery の初心者で、このプロジェクトを任されています。助けていただければ幸いです。他の人にも役立つことを願っています。

フライアウトに問題があります。コンポーネントをダブルクリックすると、ガジェットに対応するフライアウト ウィンドウが表示されます。ただし、それまたはフライアウトを含む他のビジュアル コンポーネントをダブルクリックすると、フライアウト ドキュメントは null として返されます。これがなぜなのかわかりません。フライアウトを消して再度開くか、新しいフライアウトにすれば問題ありません。これが発生するのは、フライアウトが既に開いている場合のみです。これがなぜなのかについてのアイデアを探しています。

ダブルクリック コード:

実行コード:

これは本当に私を夢中にさせています!!

ダブルエスプレッソのジャックラッセルのように、ツールタブがマウスオーバーで飛び出すとき、そこにいる多くの開発者がこの機能を気に入っていると確信していますが、それは私を狂わせます.

私は部分的に署名されており、マウスを振ってポインターを画面の特定の隅または側面に移動することにより、マウスポインターを見つける必要があることがよくあります。 、叫びたくなる。

誰かがこれをオフにする方法を知っていれば、私は感謝し、すべてのウィンドウで無効にできればさらに良いでしょう.

私の考えでは、何かを見たいと思ったらクリックし、見終わったらクリックして離れます。それは本当に大変なことです。

よろしくお願いします

アップデート

それで、これはWindows全体のマウスオーバーの遅延設定であり、レジストリでミリ秒単位で指定されたメニューの動作であることがわかりました

HKEY_CURRENT_USER\Control Panel\Desktop\MenuShowDelay.

私のメニューは 8 に設定されていました。

これを最大許容値の 65534 に変更しましたが、すべてのメニュー、サブメニュー、およびツール ウィンドウが、クリックしたときにのみ表示されるわけではありません