問題タブ [flyout]

「2nd level menu 3 」がフライアウトであるこのフライアウトメニューがあります。メニューは CMS システムによって生成されるため、新しいクラスを特定のメニュー項目に直接追加することには制限があります。

デフォルトでは、第 1 レベルのメニューにはアンカー タグの「最上位」クラスがありますが、第 2 レベルと第 3 レベルにはありません。私が達成したいのは、「トップレベル」をターゲットにして「第2レベルメニュー3」を見つけて「現在の」クラスを追加することです。これにより、フライアウトメニューが展開され、カーソルが第3レベルに移動すると、「第2レベルmenu 3" は、ホバーと同じ白い背景色です。

コードは jQuery('#nav ul').find('> a.level-top').parent('li').addClass('current')}); です。しかし、それは機能しておらず、自分が間違っていたことを見つけることに頭を悩ませることはできません。

フライアウト パネルがあります (以下の図を参照)。ドッキングを解除すると、通常、マウスがパネル領域から離れたときに非表示になります。

ただし、次のいずれかの条件が発生した場合にパネルを閉じたくありません。

1) ユーザーがContextMenu

2) ユーザーがComboBoxパネルの下にあるアイテムを選択する (上図のように)

DataGrid3) ユーザーの操作 ( 内のアイテムの削除など)によって表示される確認ダイアログ

コンテキスト メニュー操作 (ContextMenuOpeningおよびContextMenuClosingイベント) を追跡して最初のケースを処理するのは簡単ですが、他の 2 つのケース、特に開いているダイアログを追跡する良い方法はまだ見つかりません。

何か案は？

私のフライアウト パネルは、可視性とコンテンツがコード ビハインドで決定される単なるグリッドです。

別の LI にカーソルを合わせると、別のメイン ナビゲーション リンクに表示されていたポップアップがすぐに消えて、別のリンクが表示されるように、コードを更新する方法を教えてもらえますか? (いつでも 1 つのフライアウトのみを表示したい)

jsfiddle での実際の例を次に示します。

http://jsfiddle.net/zoolander/YAfDL/

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

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

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

実装

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

アイテムのスライド式カルーセルがあり、それぞれに独自のいいねボタンが含まれています。いいねボタンにコメントを付けたい。つまり、ユーザーが [いいね!] をクリックすると、コメントを残すプロンプトが表示されます ( http://developers.facebook.com/blog/post/397/ )。私はこれらの目標が両立できるかどうか疑い始めており、誰かがすでにそれを達成したかどうかを知りたい.

Like ボタンのコメントは、カルーセル内のアイテムよりも幅が広く、他のカルーセル アイテムに正しくオーバーフローします。ただし、これらのアイテムの一部はクリッピング ボックスの外側にあります。これは、カルーセル アイテムが必ず overflow: hidden の div 内にあるためです (そうしないと、ページング時にアイテムがスクロールして存在するという効果が得られません)。このため、現在表示されている一番右の項目で [いいね!] をクリックすると、表示されるコメント プロンプトの一部がクリッピング ボックスの外に出て、部分的に表示されます。

コメント プロンプトがカルーセル コンテナーからはみ出すことを可能にする唯一の希望は、プロンプトをコンテナーの外側の dom に配置することです。このように、プロンプトが属する [いいね] ボタンの横にプロンプ​​トを視覚的に配置できると仮定すると、コンテナーに制約されなくなります。これを書いている時点では、コメント プロンプトはボタン自体とは別の iframe として実装されているため、これは可能であると思われます。つまり、この XFBML:

(おおよそ) この HTML が生成されます。

しかし、コメント iframe を dom に移動しようとすると、即座に永久に空になります。特定のイベントを分離してこれを防ぐ方法を見つけることができたとしても、複雑な解決策が求められていることを示しており、Facebook は実装の変更によって将来いつでも壊れる可能性があります。したがって、dom 内のコメントを移動することはできません。したがって、プロンプトは常にクリップされる危険があります。Facebookはこの件について次のように述べています。

オーバーフロー プロパティが非表示に設定された HTML 要素の端の近くに [いいね] ボタンが配置されている場合、ボタンをクリックするとフライアウトが切り取られるか、完全に非表示になることがあります。これは、overflow プロパティを hidden 以外の値 (visible、scroll、auto など) に設定することで解決できます。

明らかに、カルーセルの場合、overflow: hidden を削除することはできません。誰かがこれを回避する方法を見つけましたか、それともあきらめて他の場所で時間を費やすべきですか?

ありがとう

Facebook 送信ボタンによって生成されるフライアウトに問題があります。[送信] ボタンをクリックすると、フライアウトが生成され、いくつかの要素の背後に表示されます。フライアウトのボタンを隠します。

これは、overflow:hidden スタイルの親要素が原因であると読みました。ただし、残りのサイト レイアウトが台無しになるため、この属性を削除することはできません。

送信ボタンをクリックすると、overflow:hidden 属性を動的に削除しようとしました (誰かが実際に送信ボタンを使用した場合、レイアウトの混乱を受け入れます)。次のコードを使用します。

FB.Event.subscribe("message.send", function(response) { //overflow:hidden スタイルをここから削除します });

残念ながら、このイベントは実際にフライアウト フォームを送信したときにのみ発生します。これでは、フライアウトを表示するボタンが押されたらすぐにアクションを実行する必要があるため、遅すぎます。

onclickイベントを「送信」ボタンにバインドする方法、またはフライアウトを完全に再配置する方法を誰か教えてください。または、私がまだ検討していない別の解決策があるかもしれません。

前もって感謝します

親にカーソルを合わせると子要素を下にドロップし、子にカーソルを合わせると飛び出すメニューを作成することは可能ですか?

このようなものですが、親のホバーで明らかにダウンします。

http://www.vision.to/simple-css-one-level-flyout-menu.php

編集：私の説明に基づいたメニューの例を見せていただけますか. これを行う方法を学びたいと思います。ありがとう

イベント (onClick または onMouseOver) でページの左側または右側からコンテナーのフライアウトを作成できる jQuery プラグインを探しています。

例は http://www.nationalgeographic.com/にあります - ページがブラウザー画面の左側からショッピング広告のスライドをロードすると (自動的に 1 回だけ表示されます。再度表示するには、この Web サイトを削除する必要があります)。 Cookie を使用してページをリロードします - プラグインにこの Cookie ベースの機能があれば素晴らしいと思います)。

I am implementing a Facebook application that shown as a tab in a fan page.

The application has a product details page that has like, send and comments plugins.

The problem is when clicking on the send and like buttons, the flyout dialog (the window that pops after clicking the button) is clipped by the left edge of the iframe (The application is in right to left language).

From graphical design perspective, the location of the buttons can't be changed and scroll bars are not allowed. The application must be 520px wide, no more and no less.

Is there any option to control the position of the flyout to prevent its clipping? Is there any other way to prevent the clipping?

I searched similar questions here with no success.

次の SO の回答に基づいて、動的に塗りつぶされた 3 つの FlyoutAnchor リボン ボタンを作成しようとしています:ドロップダウン メニューを CRM 2011 リボンに追加します。

3 つの FlyoutAnchor ボタンはすべて同じPopulateQueryCommandを使用します。コマンドにリンクされている JavaScript 関数 (以下のコード ブロックを参照) は、最初の引数として渡されたCommandProperties CrmParameter を取得して、クリックされたフライアウト ボタンを識別できるようにします (動的に追加されたドロップダウン メニュー項目で埋められる必要があります)。

関数は適切に呼び出され、「CommandProperties」引数が渡されます (そうではなく、そうではnullありませんundefined) が、PopulationXML を設定しようとすると、このプロパティが であるため、エラーが発生しますundefined。以下にリストされている他の 3 つの予想されるプロパティもundefined次のとおりです。

• SourceControlId : イベントを開始したリボン コントロールの Id 値。
• CommandValueId : ボタンがクリックされたときにコマンド イベントと共に送信される文字列。
• MenuItemId : コントロールからメニュー項目の Id への参照。

PrimaryEntityTypeNameなどの 2 番目の異なる CrmParameter を渡すと、この引数は正しく入力/設定されます。

めちゃめちゃなCommandProperties議論の原因は何でしょうか?

2012 年 2 月 21 日更新 : 完全を期すために、「 CRM 2011 リボンにドロップダウン メニューを追加する」で説明されているような単一ボタンのアプローチも試しましたが、同じ結果が得られました (使用可能な Commandproperties オブジェクトはありません)。私の CRM サーバーは Rollup 6 を実行していますが、それが何か関係しているのでしょうか? この種のフライアウト リボン メニューを取得する別の方法はありますか? たぶん、純粋な JavaScript で何か？Outlook CRM Client でも動作するはずです...