私はモーダルで立ち往生しています：1つのテキストの中にテキストを入れる方法

Question

ここにnoobの総数。

私の趣味のウェブサイトを構築している途中で、いくつかの努力をして、完全に機能するサイトを作成できると思います。しかし、私はむしろモーダルポップアップウィンドウについています。

jqueryまたは関連するJavaライブラリをダウンロードするための基礎を理解しています。このライブラリをセクションのウェブページに添付してください。同様の方法でモーダルポップアウトを適用し、CSSを含めるようにしてください。

私のサイトでは機能するようになっているので、Shadowboxでは実際にポップアウトすることができました。私が立ち往生しているところでは、特にShadowboxを使うと、モーダルポップアウトの中に物を入れています。私は実際にはモーダル・ポップアウトにテキストを入れてみたり、テキストを補うためにリンクや小さな絵をつけたりして面白いです。

私には知識の不足があります。これは、クラスの属性やhrefの属性に関する知識の欠如、または知識の欠如のいずれかである可能性があります。私がこれで作った唯一の進歩は、単にコピーと貼り付けと、Shadowboxを使った画像パスの操作のためです。私はまだスクリプトがどのようにアクティブになっているか、a内のデータがモーダルポップアップウィンドウに含まれるようにするために必要なタグ/属性について、ひどく混乱しています。

私は本当にこのようなモーダルのポップアウトを持っていると思いますが、これは私よりはるか遠いですと感じています。http://typedeskref.com/

要約：モーダルポップアウトの中にテキスト/画像を配置する方法がわかりません。私はモーダルポップアウトがどのように活性化されているのか、またその中に何が保持されているかを確実に制御する方法を知らない。私がこれを言うのは、シャドーボックスの限られた成功は、自分のサイト、画像、リンクなどにあるものを何とか拾うことができたからです。モーダルポップアウトを開くと、私のサイトがあります、モーダルの形で。

お読みいただきありがとうございます。私はあなたに私に与えることができる助けや助言に本当に感謝します。そのような情報を見つけることができる方向にひっぱっても素晴らしいでしょう！

P.S.私はドリームウィーバーを使用しています。

Answer 1

あなたのダイアログがどれくらい魅力的で驚くべきかによって異なります。 jQuery UI Dialogs（http://jqueryui.com/demos/dialog/）をダウンロードしてから、これを行うのと同じくらい単純なことかもしれません。

<div id="dialog">Hello</div> 
<a id="button1">One</a> 
<a id="button2">Two</a> 

// Do the setup when the page has loaded 
$(function() { 

    // Create the dialog, don't show it on page load 
    $("#dialog").dialog({autoOpen:false}); 

    // Button One will show the dialog 
    $("#button1").click(function() { $("#dialog").dialog("open"); }); 

    // Button Two changes the content, THEN shows the dialog. 
    $("#button2").click(function() { 
     $("#dialog").html("Goodbye"); 
     $("#dialog").dialog("open"); 
    }); 
}); 

これは出発点です。同じダイアログで、リンクをクリックしてコンテンツを変更します。そのライブラリにはあらゆる種類のオプション（アニメーションなど）があり、好みのルック・アンド・フィールにスタイルを設定することができます。

ここ

デモです：http://jsfiddle.net/dYMvH/