ダウンロード

日付順 カテゴリー別

2008-03-15

CSSによる画像置換（text-indent:-9999px;）で画像を表示しない設定のブラウザに対処するJS

ポスト @ 22:34:37 | JavaScript

CSSによる画像置換（text-indentに-9999px等の負の値を設定）時、画像を表示しない設定のブラウザで、非表示となるテキストのtext-indentを0に再設定する。

画像を表示しない設定のブラウザの判別方法

  1. JavaScriptから縦横1pxの画像を、縦横サイズを指定しないimgタグで書き込み。
  2. alt属性によって画像サイズが拡張された場合は、画像を表示しないブラウザ。そうでない場合は画像を表示しているブラウザ。
  3. 処理が終わると判別用の画像を非表示に設定。

使用方法

  1. ダウンロードしたファイルを解凍してできたbackReplacedText.jsファイルの17行目の-9999pxの値を画像置換に共通で使っている負の値に設定。
  2. backReplacedText.jsファイルの39行目の画像のパスを環境にあわせて変更。
  3. jsファイルを使用するページに追加

以上で作業は終了です。

動作環境

  • WindowsXP Internet Explorer 6/li>
  • WindowsXP FireFox 2
  • Mac OS X Safari 2
  • Mac OS X FireFox 2

他のバージョンのブラウザでも動作すると思います。
動作しない場合などはフィードバックからご連絡ください。

免責

このJavaScriptのご使用は自己責任でお願いします。
作者はこのJavaScriptを使用して発生したいかなる損害の責任も負いません。

backReplacedText.zip ( application/zip : 1 KB)

MD5 : 9a8e292e3b90f8bb7af61cb8d871f04a

2007-03-24

P_BLOGにAmazonのウィッシュリストを表示するプラグイン

ポスト @ 20:45:11 | plugin

2009/8/31
認証付Amazon Product Advertising API に対応しました。

P_BLOGにAmazonのウィッシュリストを表示します。

使用方法

  1. ダウンロードしたファイルを解凍してできたplg_amzn_wishlist.inc.phpファイルの70行目のSubscription ID、74行目のアソシエイトID、76行目のWish List IDをそれぞれ変更します。
  2. plg_amzn_wishlist.inc.phpファイルとplg_amzn_includeフォルダをP_BLOGをインストールしたディレクトリ内の"/include/user_include/plugins" に入れます。
  3. P_BLOGの管理モードの「カスタムファイル編集」を開き、Amazonウィッシュリスト表示コード{$plugin['AMZN']['wishlist']}を入力して保存します。

以上で作業は終了です。エラーが出る場合は以下の2点を試してみてください。

  1. plg_amzn_includeフォルダに書き込み権を付ける。
  2. 2.plg_amzn_include内にwishlist.xmlという空ファイルを書き込み権を付けて設置する。

動作環境

  • PHP version 4.4.4
  • P_BLOG version 1.2b4

他のバージョンでも動作すると思います。
動作しない場合などはフィードバックからご連絡ください。

免責

このプラグインのご使用は自己責任でお願いします。
作者はこのプラグインを使用して発生したいかなる損害の責任も負いません。

plg_amzn_wishlist.inc.zip ( application/zip : 4 KB)

MD5 : 6f54d69ddc015ad7c68c7b03a43a0ca7