[JS]IE6/7/8でアクセスしたユーザーに新しいブラウザのインストールを促すスクリプト -IE Alert js

サイト構築 -JavaScript

Post on:2012年6月18日

IE Alert jsのデモ

デモはIE6/7/8でご覧ください。
IE9、Firefox, Chrome, Safari, Operaでは、下記のように通常通りに表示されるだけです。

デモページ：Firefoxで表示

IE6/7/8で表示した際のみ、メッセージが表示されます。

デモページ：IE7で表示

[ad#ad-2]

IE Alert jsの使い方

使い方は簡単で、2ステップです。

Step 1: 外部ファイル

「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。
iealertフォルダ内にスタイルシート、および必要な画像が入っています。

<link rel="stylesheet" type="text/css" href="iealert/style.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="iealert.min.js"></script>

Step 2: JavaScript

スクリプトをページ内に設置します。

<script>
$(document).ready(function() {
	$("body").iealert();
});
</script>

メッセージの変更

表示テキストは英語なので、日本語に変更する場合は「iealert.js」のl.87, 88あたりの「title, text」を修正します。

$.fn.iealert = function(options){
	var defaults = { 
		support: "ie8",  // ie8 (ie6,ie7,ie8), ie7 (ie6,ie7), ie6 (ie6)
		title: "Did you know that your Internet Explorer is out of date ?", // title text
		text: "To get the best possible experience using our site we recommend that you upgrade to a newer version of Internet Explorer or choose another web browser. A list of the most popular web browsers can be found below."
	};