日記/2008-2-29

最終更新時間:2008年02月29日 00時56分41秒

jQtoggle2 プラグイン

 

 JavaScriptライブラリjQueryを用いたFreeStyleWiki用のプラグイン。
 ダウンロードはこちらから。
 
 jQtoggle プラグインとほとんど同じで、違うのは見た目だけです。
 以下のような書式で、例えばdiv要素「livedoorweather」でくるまれたLivedoorWeather プラグインの出力の表示/非表示を、リンクの押下ごとにトグルで切り替えられます。
 「明日の東京の天気」は、リンクに表示する文字列です。省略するとdiv要素名がそのまま表示されます。
 「slow」はアニメーションの速度を表します。slow,normal,fastの指定が可能で、指定しない場合は「アニメーション無し」になります。

{{jqtoggle2 livedoorweather,明日の東京の天気,slow}}
{{livedoorweather 130010,tomorrow}}

{{livedoorweather 130010,tomorrow}}
 
 FreeStyleWiki本家のサイトの装飾用HTMLタグプラグインのdiv_begin,div_endと組み合わせて使うこともできます。

{{jqtoggle2 toggletest}}
{{div_begin class="toggletest"}}
{{ref_image keikoku.jpg}}
{{div_end}}

 

jQmore2 プラグイン

 

 JavaScriptライブラリjQueryを用いたFreeStyleWiki用のプラグイン。
 ダウンロードはこちらから。
 
 jQmore プラグインと違って、リンクをクリックしても、そのリンク自体は消えません。よって、トグル動作が可能なので、名前もjQtoggleなんとかにした方がいいかとも思ったのですが、書式がjQmore プラグインに準じたものになっている関係で、こういう名前にしました。
 
 jQtoggle プラグインjQtoggle2 プラグインとほぼ同じですが、書式はjQmore プラグインに準じたものになっています。
 以下のような書式で、リンクの押下ごとに、jQmore2 プラグインで挟まれた部分の表示/非表示をトグルで切り替えられます。

{{jqmore2 Amazonで道尾秀介を検索,slow}}
{{amazonsearch 道尾秀介,b,5}}
{{jqmore2 end}}

 「Amazonで道尾秀介を検索」は、リンクに表示する文字列です。省略すると「more...」が表示されます。
 「slow」はアニメーションの速度を表します。slow,normal,fastの指定が可能で、指定しない場合は「アニメーション無し」になります。
 「end」で、省略表示する部分の終わりを指定します。
 

雷神
新潮社
道尾 秀介
楽天 Amazon
風神の手
新潮社
道尾 秀介
楽天 Amazon
きこえる
講談社
道尾 秀介
楽天 Amazon
N
集英社
道尾 秀介
楽天 Amazon
DETECTIVE X CASE FILE #1 御仏の殺人
SCRAP出版
道尾秀介/SCRAP
楽天 Amazon