2009-07-20 2 views
0

私のサイトへのリファラを表示するためにindex.htmlを変更しようとしています(たとえば、Googleから来た場合、「Welcomeその中に画像がある[Google社員]ダイアログボックス)。AJAXモーダルダイアログreferer ==​​

私はFancyBoxを使用していますが、私は結婚していません。

どのようにコードを作成するかに関する提案はありますか?私はC++のプログラマーです--Javascriptは自分の強みではないので、まっすぐな例は非常に高く評価されます。

ありがとうございます。

+2

これは、として私を打ちます"ああ、黙れ!私はアンケートをしたくない!私は広告を見たくない!私の道を離れて、私をそのページに差し出すよ!"バリア。私は本当に気にしないだろう。 – Quentin

+0

それはありません。これは、製品をダウンロードしたユーザーとどこから来たのかを追跡できる「ダウンロード」ウィンドウです。なぜ私はこれの代わりにクッキーを使うべきかについての議論に惑わされることなく(これが最良の方法であるということを私の言葉で伝えてください)、これは好ましい方法です - そして、訪問者に好まれるでしょう、 同じように。 FWIW、環境はPHP/Apacheです。 – Disco

+0

モデルダイアログボックスがどこから来たのかを自動的に識別する必要があるのはなぜですか? – Quentin

答えて

3

document.referrerとjQueryのUIが必要になります。 jQuery UIは、ダイアログボックスを簡単にします。

あなたはdocumentation pageから深さの例を見つけることができますが、ほとんどの部分は、これはあなたが必要としているものです。

<script type="javascript/text"> 
    if (document.referrer.indexOf('google.com') > -1){ 
     $("#my-dialog").dialog("open"); 
    } 

    // this is the jquery code to set up the dialog box 
    $(function() { 
      // options would go inside the dialog() function 
    $("#dialog").dialog(); 
}); 

</script> 

必要なHTML:

<div id="my-dialog"> 
This is where things get displayed 
</div> 
+0

HTMLで「#my-dialog」を設定するにはどうすればよいですか?つまり、HTMLでは "#my-dialog"を使って "ウィンドウ"(この場合はイメージ)にタグを付けますか? – Disco

+0

"my-dialog"は、ダイアログを含むdivのIDタグです – helloandre

+0

その質問をスクラッチしてください...あなたは既にリンクしていたドキュメントページで答えを見つけました。ありがとうございました! – Disco