ホームページ作成・基礎講座・HTML・CSS・javascript・SEO対策

超初心者でも簡単にできるホームページ作成,HTML基礎講座 EasyStudyHTML

ホームページ作成 HTML基礎講座 javascriptサンプル集

ホームページ作成・HTML基礎・スタイルシート(CSS)・javascript・SEO対策



javascriptサンプル集 clear.gif  
javascriptでお気に入りに登録(ブックマーク)リンク作成
気にいったサイトをすぐに参照できるように「お気に入りに登録」をする方の為にワンクリックで簡単に出来るようにしたjavascriptscriptです。
※現在はオンラインブックマークが人気ですが、こちらのローカルな環境での「お気に入りに登録」リンクを作成しておくと登録されやすくなるかもしれません。
尚、I・Eのみに対応していますのでご注意下さい。
サンプルソース
<html>
<head>
<title>javascriptでお気に入りに登録リンク作成</title>
</head>
<body>
サンプルテキスト
サンプルテキストサンプルテキスト
<!--お気に入り開始-->
<script language="javascript">
<!--
 ver = navigator.appVersion.charAt(0);
 function touroku(){
 window.external.AddFavorite('http://test.com','テストサイト');
 }
 if (navigator.appName == "Microsoft Internet Explorer" &&
 ver >= 4 && navigator.platform == "win32") {
 document.write("<a href='javascript:touroku();'><img src='favorite.gif' border='0'></a>");
 }
// -->
</script>

<!--お気に入り終了-->
</body>
</html>

※ページが呼び出されるとブラウザのバージョンを変数「ver」に格納し、次にお気に入りに登録するための「touroku()」関数を定義しています。
その後、「if」でブラウザの種類が格納している「navigator.appName」と「Microsoft Internet Explorer」を比較し、「ver」に格納したブラウザのバージョンを数字の「4」と比較して、さらに「navigator.platform」と「Win32」を比較し、すべての条件が真ならばWindowsのI・E4以上と判断し、「document.write」メソッドによって<img>タグによる登録画像を表示しています。
尚、バージョンを数字の「4」と比較しているのはバンジョン4以降で対応しているからです。

※上記のサンプルでは「お気に入りに登録」リンクをイメージにしていますがテキストまたはボタンにする事も可能です。
pcリストマークサンプル表示

ページトップへ
TOP | 利用規約(免責) | お問合せ

Agora