IE6ユーザへのアップデートをスマートに促すことが可能な「ie6update.js」
2009年07月31日-
スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
IE6 Update
IE6ユーザへのアップデートをスマートに促すことが可能な﹁ie6update.js﹂。 Windowsユーザの方ならご存知の、ブラウザ最上部に表示される情報バーのようにやんわりとアップデートを促してくれるJavaScriptコードです。
最近、海外のサイトを見ているとこの仕組みを使ったサイトをよく見かけますよね。
実装は、サイト上に掲載されているコードを貼り付けるだけで実装できるという容易さもGood!
コードは以下で、googleのホスティングするjQueryコードなどを読み込むものになっています。
<!--[if IE 6]> <script type="text/javascript"> /*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></"+"script>"); var __noconflict = true; } var IE6UPDATE_OPTIONS = { icons_path: "http://static.ie6update.com/hosted/ie6update/images/" } </script> <script type="text/javascript" src="http://static.ie6update.com/hosted/ie6update/ie6update.js"></script> <![endif]-->
日本語にしたい場合は、コードをダウンロードして自分のサーバに設置することも出来るので、その方法で実装できます。
追記︶ 次のように記述することで日本語に簡単にできるみたいです。
<!--[if IE 6]> <script type="text/javascript"> /*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var __noconflict = true; } var IE6UPDATE_OPTIONS = { icons_path: "http://static.ie6update.com/hosted/ie6update/images/", message: "このサイトを快適に閲覧するにはInternet Explorerのアップグレードが必要です。ここをクリックして最新版をダウンロードし、インストールしてください...", url: "http://www.microsoft.com/japan/windows/internet-explorer/default.aspx" } </script> <script type="text/javascript" src="http://static.ie6update.com/hosted/ie6update/ie6update.js"></script> <![endif]-->
coolmint さん、ありがとうございました。
関連エントリ ●IE6ブラウザでアクセスするとWarningを出してくれる﹁ie6-upgrade-warning﹂ ●サイトのIE6対応を補助してくれる﹁ie6fixer﹂ ●IE6でのページ表示をブロックする﹁IE 6 Blocker﹂ 関連の記事検索‥IE6, ie6, ie
IE6ユーザへのアップデートをスマートに促すことが可能な﹁ie6update.js﹂。 Windowsユーザの方ならご存知の、ブラウザ最上部に表示される情報バーのようにやんわりとアップデートを促してくれるJavaScriptコードです。
最近、海外のサイトを見ているとこの仕組みを使ったサイトをよく見かけますよね。
実装は、サイト上に掲載されているコードを貼り付けるだけで実装できるという容易さもGood!
コードは以下で、googleのホスティングするjQueryコードなどを読み込むものになっています。
<!--[if IE 6]> <script type="text/javascript"> /*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></"+"script>"); var __noconflict = true; } var IE6UPDATE_OPTIONS = { icons_path: "http://static.ie6update.com/hosted/ie6update/images/" } </script> <script type="text/javascript" src="http://static.ie6update.com/hosted/ie6update/ie6update.js"></script> <![endif]-->
追記︶ 次のように記述することで日本語に簡単にできるみたいです。
<!--[if IE 6]> <script type="text/javascript"> /*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var __noconflict = true; } var IE6UPDATE_OPTIONS = { icons_path: "http://static.ie6update.com/hosted/ie6update/images/", message: "このサイトを快適に閲覧するにはInternet Explorerのアップグレードが必要です。ここをクリックして最新版をダウンロードし、インストールしてください...", url: "http://www.microsoft.com/japan/windows/internet-explorer/default.aspx" } </script> <script type="text/javascript" src="http://static.ie6update.com/hosted/ie6update/ie6update.js"></script> <![endif]-->
coolmint さん、ありがとうございました。
関連エントリ ●IE6ブラウザでアクセスするとWarningを出してくれる﹁ie6-upgrade-warning﹂ ●サイトのIE6対応を補助してくれる﹁ie6fixer﹂ ●IE6でのページ表示をブロックする﹁IE 6 Blocker﹂ 関連の記事検索‥IE6, ie6, ie
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- TailwindCSSなサイトで使える100以上のアニメーションエフェクト「animata」
- SVG形式のテック系企業のロゴを簡単にゲットできる「Svgl」
- 統一感のある色味を一括生成できるツール「The good colors」
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- 過去のエントリ