ページを開いた瞬間に外部ページを表示させる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を開いてカスタマイズしてください。
結構簡単に設置できるかと思いますよ。
新ブログ:ITクオリティもよろしく。
この記事のコメント (0)
スポンサード リンク
![]() |
![]() |
![]() |

» タッチパネルWindows7のデモビデオ
» webサイト作成時にサイトカラーを決められない人の為のwebサービスいくつか
» セキュリティソフトのカスペルスキーがいかに強気なのかを確認できる一覧[ネタ]
» [これすご]70のphotoshop修正テクニック
» 旭川で行われたMicrosoftのセミナーに壮大に釣られた
» ブロガーは2クリック以内にワンクリック詐欺サイトに到達する可能性が高い
» Adobe Fireworks(8)のweb2.0なレイヤースタイル131+48個+おまけ
» アメブロのブログマナー定義がどうも腑に落ちない
» FLASHベースのリッチテキストエディタ『obedit』
» 画像にメッセージを埋め込むflickr見たいな機能のJavaScript
» 7月と言えば『まとめ祭り』ということで、まとめエントリーをまとめました
» 『こんなwebサイトは嫌だベスト20』をチェックシート化して現場に持っていこうと考えてPDF形式で作った
» 『YouTubeを見ている全てのユーザー視聴情報をバイアコムへ』米国法廷が裁決。
» [ゲーム脳]DS版ディスガイアが本当にヤバイ理由を懇々と説明するよ
» 相手サイトのサムネイル画像を簡単にブログにはるタグを作るeパレット2
Comment
トラックバックURL
JavaScript
Tag: JavaScript JavaScript コンポーネント リファレンス 開発ツール デバッグ ライブラリ 関連ページ コメント JavaScript JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ form の内容がデフォルト値から変わったら色を変える JavaScript.. READ MORE ...
from Happy Engineer Life (PukiWiki/TrackBack 0.3) - 2007/05/24
ページを開いた瞬間に外部ページを表示させるAjax
上の画面のように、サイトを訪問したときに、外部サイトを表示させるスクリプトのサン... READ MORE ...
from マウンテンブック - 2007/05/24















