私はオブジェクトのリストからテーブルを生成する必要があります。各行には、各オブジェクトの基本情報のみが含まれます。しかし、ユーザーが特定のセルを移動すると、その特定のオブジェクトのすべての情報が表示されたポップアップが表示されます。たぶん、ポップアップは、何らかの並べ替えのすべての詳細を持つテーブルの形式にする必要がありますか?これをどのように達成するのですか? JQueryを使っていくつかの効果を加えることはできますか?ユーザーが別のテーブルのセルにカーソルを置いたときにデータテーブルを表示するにはどうすればよいですか?
答えて
私はjQuery tooltipをこの種のものに使用します。 bodyHandlerオプションを使用してJavascriptを実行して、任意にスタイルを設定できるツールチップペインを埋めることができます。例を参照してください。
はいできます。これを行うにはhttp://dev.iceburg.net/jquery/jqModal/を使用してください。
マウスオーバーイベントリスナーをバインドします。コールバックが呼び出される予定の要素にマウスカーソルを合わせるとそのようになります。コールバックの内部では、適切なjqueryセレクタを使用して行全体の内容を取得するイベント(イベントの場合はtdまたはtr)をトリガした要素にアクセスできます。次に、ダイアログを表示して、ダイアログ内にその内容を表示できるようになりました。
うん、jQueryはこの種のものには最適です。
二つの方法がそれに行う(少なくとも)があります。
事前に設定して(CSS)隠された:それらを配置するためにCSSを使用して、HTMLページの可視セル内のすべてのポップアップディテール表を構築メインレイヤーの上(およびセル外)に、
display:none
と入力し、.maincell:hover .detailtable { display:block;}
を追加すると、カーソルがメインセルにあるときに表示されます。AJAX:すべてのメインセルの
"mouseenter"
/"mouseleave"
イベントにバインド機能が、そこには、好ましくは、一定の場所に、配置<div>
内のサーバーやディスプレイからディテール表を取得するためにAJAXを使用し、または多分いくつかのピクセルカーソルの右側に表示されます(小さなテーブルの場合)。 jQueryの$("#inspector").load(dataURL)
関数は、( 'inspector'は<div>
の詳細テーブルを挿入するIDです)どこでも簡単に死んでしまいます。
- 1. ユーザーが要素のボックスの影の上にカーソルを置いたときにツールチップを表示するにはどうすればよいですか?
- 2. テキストの上にカーソルを置いたときにのみ通話料表示を表示するにはどうすればよいですか?
- 3. データテーブルにデータを表示するにはどうすればよいですか?
- 4. JListアイテム上にカーソルを置いてJLabelを表示するにはどうすればいいですか?
- 5. ブックマークがセル内に置かれたときを確認するにはどうすればいいですか?
- 6. DataGridViewコントロールの現在のセル位置を非表示にするにはどうすればよいですか?
- 7. セルにLibreOffice Calcのテーブルの名前を表示するにはどうすればよいですか?
- 8. Flash cs3のテキストにカーソルを置いたときに画像を表示するにはどうすればよいですか?
- 9. セルに現在のユーザー名を表示するにはどうすればよいですか?
- 10. コンテナをクリックしたときにカーソル位置にのみ表示されるコンテキストメニューを作成するにはどうすればよいですか?
- 11. テーブルをVaadinに表示するにはどうすればよいですか?
- 12. {オブジェクトオブジェクト}をテーブルに表示するにはどうすればよいですか?
- 13. リストボックスからデータテーブルまたはグリッドビューにレコードを表示するにはどうすればよいですか?
- 14. 「インクルードファイル」がユーザーに表示されないようにするにはどうすればよいですか?
- 15. 1つのリストの要素にカーソルを置き、別のリストの要素を表示するにはどうすればよいですか?
- 16. レコードの関連レコードをCRUDの別のテーブルに表示するにはどうすればよいですか?
- 17. データテーブルの行またはセルをクリック可能にするにはどうすればよいですか?
- 18. htmlテーブルのセルにクリック可能な円グラフを表示するにはどうすればいいですか?
- 19. 投稿テーブルが空の場合、別のコードを表示するにはどうすればよいですか?
- 20. jQuery:別のdivにカーソルを置いたときにdivの不透明度を制御するにはどうすればよいですか?
- 21. current_user posstとユーザーが従うユーザーを表示するにはどうすればよいですか?
- 22. VSCodeのESLintエラーをカーソルが置かれているときに表示する
- 23. ユーザーが戻るボタンをクリックしたときに唸りメッセージが表示されないようにするにはどうすればよいですか
- 24. 入力カーソルを透明または非表示にするにはどうすればよいですか?
- 25. AJAX呼び出しがそのスパンを "置き換え"た後に、カーソルが動的に配置されたスパン上に既にカーソルが置かれているかどうかを確認するにはどうすればよいですか?
- 26. json応答をユーザーに表示しないようにするにはどうすればよいですか?
- 27. テーブルを表示するにはどうすればよいですか?
- 28. 特定のことが起こったときに、あるセルから別のセルに値を追加するにはどうすればよいですか?
- 29. 矢印付きの待機カーソルを表示するにはどうすればよいですか?
- 30. 別週を表示するにはどうすればよいですか?