お気に入りに登録ボタンを押した時にブラウザのお気に入り登録ダイアログを表示するライブラリを作成した。
お気に入りに登録ボタンの実装の度にいちいちブラウザ判定処理まで作成するのが面倒臭いので・・・

» DEMO
» DOWNLOAD

仕様

メソッド呼び出し時にブラウザ判定を行い、JSによるお気に入り登録に対応していれば登録ダイアログを表示する。
対応していない場合はブラウザのメニューから登録する旨を伝えるメッセージを表示する。

使い方

ZIPファイルを解凍後、中身をサーバの任意のディレクトリに配置し、
本機能を実装したいhtmlでJSを読み込む。

<script type="text/javascript" src="common/js/bookmark.js"></script>

登録ボタンの onclick イベントなどで、bookmark() メソッドを呼び出す。

<input type="button" onclick="javascript:bookmark();" value="ブックマーク" />

Trackback (0)

トラックバックURL: http://mashimonator.weblike.jp/mt/mt-tb.cgi/38

Comment (2)

kappa | 2010年6月24日 23:56 | 返信

大変ありがたい情報をありがとうございます。
上記ファイルをDLし、お気に入りに登録してもらいたいページと同じ階層に保存し、該当ページのHEAD内に

をそのまま記述し、BODY内に

を記述しました。（単なるコピペですが）
ボタンは表示されましたが、ボタンを押しても何の反応もありません。DLしたJSファイルはそのまま保存しているだけです。何か修正し直す必要があるのでしょうか？
当方、プログラムの知識は全然ありません。
ご教授頂ければ幸いです。よろしくお願い致します。

mashimonatorからkappaへの返信 | 2010年6月25日 00:38 | 返信

kappaさん

ご質問有難うございます。
また、ライブラリを使用していただいて有難うございます。

JSがうまく動作していないとのことですが、
原因は恐らくhead要素内に記述するscript要素のパス（src属性の値）だと思われます。
サンプルをそのままコピペしたとのことなので、
------------------------------------
src="common/js/bookmark.js"
------------------------------------
のままになっているかと思いますが、
------------------------------------
src="bookmark.js"
------------------------------------
に修正してみてください。

kappaさんの場合は、
htmlファイルとjsファイルを同じディレクトリ内に
配置しているとのことですので、
サンプルのものとはsrc属性を変更する必要があります。
説明が不足しており申し訳ありません。

うまく動作しましたでしょうか？

Comment

名前

電子メール

URL

ログイン情報を記憶
コメント (スタイル用のHTMLタグを使えます)