ホームページを作る人のネタ帳

ページを開いた瞬間に外部ページを表示させるAjaxサンプル

Ajaxサンプル
上の画面のように、サイトを訪問したときに、外部サイトを表示させるスクリプトのサンプルです。

広告やお知らせなんかに使えるのではないでしょうか。

Dynamic Drive DHTML Scripts- Interstitial Content Box
からのお届けです。

訪問するとデモが見れます。

詳細は以下に

ステップ1)ダウンロード


ダウンロード
まずは画面中央ぐらいにある上記リンクから各種ファイルをダウンロードしてください。そして同一フォルダに保存してください。

カスタマイズ


interstitial.jsを開いて簡単な編集を

var interstitialBox={
//1) list of files on server to randomly pick from and display
displayfiles: ['samplecontent.htm', 'samplecontent2.htm'],

読み込むファイル名をここで指定してください。
htmが二つあるのはランダムでどちらかを読み込むように書いています。



//2) display freqency: ["frequency_type", "frequency_value"]
displayfrequency: ["chance", "3"],

["chance", "3"] は1/3の確立で表示されるという意味。
つまり1は100%表示される。
["cookie", "session"] に変更すると、ブラウザが起動したら一度出る。
ブラウザを閉じるまで、同じユーザーに対してでない。という意味。
["cookie", "5"] は、5日に1回という意味になる。
この辺は独自にカスタマイズして欲しい。



//3) HTML for the header bar portion of the interstitial box
defineheader: '<div class="headerbar"><a href="#" onClick="javascript:interstitialBox.closeit(); return false"><img src="closeit.gif" style="border: 0" title="Close Box"/></a></div>',

//4) cookie setting: ["cookie_name", "cookie_path"]
cookiesetting:["stitialcookie", "path=/"],

//5) bust caching of pages fetched via Ajax?
ajaxbustcache:true,

//6) Disable browser scrollbars while interstitial is shown (Only applicable in IE7/Firefox/Opera8+. IE6 will just auto scroll page to top)?
disablescrollbars: true,

//7) Auto hide Interstitial Box after x seconds (0 for no)?
autohidetimer: 0,

簡単なカスタマイズはこれで出来ます。
あとは概観を変えたければinterstitial.cssを開いてカスタマイズしてください。

結構簡単に設置できるかと思いますよ。
@yamada_nt
Posted by@yamada_nt
スポンサードリンク

Comments 0

There are no comments yet.

Leave a reply

Trackbacks 2

Click to send a trackback(FC2 User)
この記事へのトラックバック
  • Tag: JavaScript JavaScript コンポーネント リファレンス 開発ツール デバッグ ライブラリ 関連ページ コメント JavaScript JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ form の内容がデフォルト値から変わったら色を変える JavaScript..

    2007.05.24 (Thu) 10:06 | Happy Engineer Life (PukiWiki/TrackBack 0.3)
  • 上の画面のように、サイトを訪問したときに、外部サイトを表示させるスクリプトのサン...

    2007.05.24 (Thu) 12:48 | マウンテンブック