スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

 スポンサードリンク

  1. ブックマークに追加する
  1. ブログランキングFC2
  1. --/--/-- (--)|
  2. スポンサー広告

Ajaxを用いた星評価システム Unobtrusive AJAX Star Rating Bar

Ajaxを用いた星型評価システムをご紹介します。このスクリプトはMySQLを利用します。
»Unobtrusive AJAX Star Rating Bar
ajaxstarrater_v122.zip

詳しい設置方法は下記のサイトでとても詳しく解説されています。
»Ajaxによる投票をやってみる - MovableType備忘録

本ブログはWordPressの個別記事(シングルポスト:single.php)にUnobtrusive AJAX Star Rating Barを設置する方法をご紹介します。

ダウンロードしたスクリプトを解凍。DB設定など必要な変更を行い、WordPressテーマディレクトリ※1へアップロード。

※1:thema/○○○ → ○○○は個別のテーマディレクトリ。

WordPressの各記事(single.php)に投票コードを挿入しましたが、正常に動作しないためrating.jsファイルの65行目付近を変更。

xmlhttp.open('get', 'rpc.php?j='+vote+'&q='+id_num+'&t='+ip_num+'&c='+units);
rpc.php?・・・ ⇒ /○○○/rpc.php?・・・※1

※1:/○○○/rpc.phpはルート(/)からの絶対パス指定へ

 スポンサードリンク

スポンサーサイト
  1. ブックマークに追加する
  1. ブログランキングFC2
  1. テーマ:web制作
  2. ジャンル:コンピュータ
  1. 2007/09/04 (火)|
  2. [Javascript]ライブラリ
  3. | トラックバック:0
  4. | コメント:0

JQueryの使い方

JQueryはprototype.jsと競合するようです。あとから読み込んだものは正常に動作しますが、他方はエラーが発生するようです。

 スポンサードリンク

  1. ブックマークに追加する
  1. ブログランキングFC2
  1. テーマ:プログラミング
  2. ジャンル:コンピュータ
  1. 2007/08/30 (木)|
  2. [Javascript]ライブラリ
  3. | トラックバック:0
  4. | コメント:0

Link Thumnailの使い方

リンクにマウスを当てるとリンク先のサムネイルを表示するAjaxライブラリをご紹介します。

»Link Thumbnail

とても簡単に導入することができます。

ダウンロード/解凍
arc90 lab : tools : Link Thumbnail
ダウンロードしたファイルを解凍します。linkthumbフォルダのarc90_linkthumb.js,linkpic_shadow.gifをアップロードします。
スクリプトファイルの読み込み
<script language="JavaScript" type="Text/JavaScript" src="○○○"></script>
<style type="text/css" media="screen">.arc90_linkpic { display: none; position: absolute; left: 0; top: 1.5em; } .arc90_linkpicIMG { padding: 0 4px 4px 0; background: #FFF url(/tools/c/images/linkpic_shadow.gif) no-repeat bottom right; }</style>
○○○はarc90_linkthumb.jsへのパス。
linkthumbクラスを設定
サムネイルを表示したいリンク要素のクラス属性にlinkthumbを指定します。

関連記事
»Javascriptライブラリの使い方
»Javascript/Ajaxライブラリー一覧
»Lightbox2.0の使い方
»ThickBoxの使い方
»Javascriptの角丸ライブラリ
»Prototype Window Classの使い方
»Link Thumnailの使い方

 スポンサードリンク

  1. ブックマークに追加する
  1. ブログランキングFC2
  1. テーマ:プログラミング
  2. ジャンル:コンピュータ
  1. 2007/08/27 (月)|
  2. [Javascript]ライブラリ
  3. | トラックバック:0
  4. | コメント:0

次のページ»

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。