2

サーバーから応答を受け取りました。応答のテキスト形式は次のとおりです。

  "<div class=\"esv\"><h2>John 3:16 <object type=\"application/x-shockwave-flash\"  data=\"http://www.esvapi.org/assets/play.swf?myUrl=hw%2F43003016\" width=\"40\" height=\"12\" class=\"audio\"><param name=\"movie\" value=\"http://www.esvapi.org/assets/play.swf?myUrl=hw%2F43003016\" /><param name=\"wmode\" value=\"transparent\" /></object></h2>\n<div class=\"esv-text\"><h3 id=\"p43003016.01-1\">For God So Loved the World</h3>\n<p id=\"p43003016.07-1\"><span class=\"verse-num woc\" id=\"v43003016-1\">16&nbsp;</span><span class=\"woc\">&#8220;For God so loved the world,<span class=\"footnote\">&nbsp;<a href=\"#f1\" id=\"b1\" title=\"Or 'For this is how God loved the world'\">[1]</a></span> that he gave his only Son, that whoever believes in him should not perish but have eternal life.</span>  (<a href=\"http://www.esv.org\" class=\"copyright\">ESV</a>)</p>\n</div>\n<div class=\"footnotes\">\n<h3>Footnotes</h3>\n<p><span class=\"footnote\"><a href=\"#b1\" id=\"f1\">[1]</a></span> <span class=\"footnote-ref\">3:16</
    span> Or <em>For this is how God loved the world</em>\n</p>\n</div>\n</div>"

html形式が好き画像

どのスキルでも、javascript または jquery でこのメッセージをポップアップ表示できますか?

4

1 に答える 1

2

画面の中央に見栄えの良いポップアップ (標準の JavaScript 警告ポップアップではなく) が必要な場合は...

上記のdivについては、次のことができます

1) 画面の中央に配置します ( http://www.jakpsatweb.cz/css/css-vertical-center-solution.htmlposition: fixed;を参照してください) 。ウェブサイトの設定によっては、 で div のスタイルを設定することもできます。上。また、設定z-index: 999;またはその他の高い数値。

2) 隠す。たとえば、CSS セット.esv {display: none}

3）jQuery / javascriptを使用して、必要なイベントが発生したときに表示します

$("#somebutton").click(function(){
         $(".esv").show(); // will display the popup window
    }

これは非常に単純化されたモデルです。しかし、これらの線に沿った何かがあなたが望むものかもしれません.
毎回異なるコンテンツが必要な場合は、最初は<div class="esv"></div>空にすることができます。次に、jQuery を使用して、好きなものを before に挿入しますshow()。ただし、挿入するものを動的に選択する方法を調査する必要があります。

したがって、ステップ 3 は次のようになります。

 $("#somebutton").click(function(){
         $(".esv").html( /* whatever html you want to insert. */);
         $(".esv").show(); // will display the popup window
    }
于 2013-06-28T20:53:17.603 に答える