www.wanichan.com
ワニchanのうぇぶわーるど ~Expression Web & FrontPage 総合情報&Tips~

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

HOME > CSS/JavaScript Tips > お気に入りに追加ボタンを作るには?

はてなブックマーク | Yahoo!ブックマーク Yahoo!ブックマークでこのサイトを登録している人数 人が登録

はじめに

JavaScriptを使って、クリックするとお気に入りに追加するように設定することができます。
ただし、Internet Explorerのみ適用されるのですが(^_^;)

では、どうすればいいのでしょうか?

ここでは、画像、文字、または、ボタンをクリックするとお気に入りに追加する方法について紹介します。

▲Page TOP

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

<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="お気に入りに追加"> 

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

▲Page TOP

TOP BACK NEXT


HOME

総合

Expression Web

FrontPage

その他

Most Valuable Professional
Microsoft MVP for Expression
(Apr 2008 - Mar 2009)
/ FrontPage
(Apr 2005 - Mar 2008)