TOP > Resources > CSS & JavaScript Tips > JavaScript > お気に入りに追加ボタンを作るには？

お気に入りに追加ボタンを作るには？

Google Bookmarks に追加 Check Yahoo!ブックマークに登録 このページをはてなブックマークに追加
JavaScriptを使って、クリックするとお気に入りに追加するように設定することができます。ただし、Internet Explorerのみ利用できます。ここでは、画像、文字、または、ボタンをクリックするとお気に入りに追加する方法について紹介します。

画像をクリックすると、お気に入りに追加できるようにするには

<a href="javascript:window.external.AddFavorite('http://www.wanichan.com/web/','ワニchanのうぇぶわーるど')"><img border="0" src="../gif/title.gif" alt="このロゴをクリックするとお気に入りに追加します（ただしIEのみ）" width="530" height="44"></a>

javascript:windows.external.AddFavorite('このサイトのURL','このサイトのタイトル')

これをリンク先にして、画像にハイパーリンクとして設定しているのです。

<a href="javascript:window.external.AddFavorite('このサイトのURL','このサイトのタイトル')<img border="0" src="画像ファイルへのパス" alt="クリックするとお気に入りに追加します（ただしIEのみ）" width="幅（ピクセル単位）" height="高さ（ピクセル単位）"></a>

▲Page TOP

リンク文字をクリックすると、お気に入りに追加できるようにするには

普通に「お気に入りに追加」というテキスト文字列をクリックすると適用するようにしたい場合は、

<a href="javascript:window.external.AddFavorite('このサイトのURL','このサイトのタイトル')">お気に入りに追加</a>

すると、このようになります。

お気に入りに追加

▲Page TOP

ボタンを押すとお気に入りに追加できるようにするには

もし、ボタンを押すとお気に入りに追加するようにしたい場合は・・・

<input type="button" onclick="window.external.AddFavorite('このサイトのURL','このサイトのタイトル')" value="お気に入りに追加">　

すると、このようになります。

INDEX

▲このページのトップへ