- 本バージョンのシステムでは、サイトを動的に彩るjQueryフレームワークを完全にサポートします。
もちろん、javascriptとスタイルシートの集合体ですから、ページにインクルードしなければ使用しない設定も可能ですが、
使用しない設定では、本システムの高度な機能や、最先端の技術、デザインも利用できないことになります。
ただ、javascriptのフレームワークには、もう1つprototypeと言う有名なものが有りますが、
jQueryとprototypeを併用することは出来ませんので、prototypeのご使用を中止していただく必要が有ります。
逆に、prototypeを優先される場合は、jQueryが使用できないことになります。
- 【基本的な使い方】
本システムのjQuery関連は、ルートディレクトリの /jquery にまとめてインストールされていますので、
<script type="text/javascript" src="/jquery/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/jquery/js/jquery-ui-1.8.5.custom.min.js"></script>
<link rel="stylesheet" href="/jquery/themes/start/jquery-ui.css" type="text/css" />
<script type="text/javascript" src="/trycms/system.js"></script>
<link rel="stylesheet" href="/trycms/initialize.css" type="text/css" />
のようにします。
jQueryのバージョンは安定版で、最も多くのプラグインの動作が確認済みの1.42です。
jQuery_uiは、同バージョンのフルオプション版です。
スタイルシートは、jQuery_uiや、サイト全体に適用するテーマで、専用のディレクトリ /jquery/theme に保存されていますので、
ご希望のデザインを選択することが出来ます。
- 【スタイルの適用】
_;
$col = 1;
$currentdir = "$_SERVER[DOCUMENT_ROOT]/jquery/themes";
if ($dh = opendir($currentdir)) {
while (($file = readdir($dh)) !== false) {
if (!preg_match("/^\./", $file) && filetype("$currentdir/$file") == "dir") {
if ($col > 7) {
$col = 1;
$html .= " ";
}
$html .=<<<_
$file
 |
_;
$col++;
}
}
closedir($dh);
}
$html .=<<<_
スタイルシートの設定で、href="/jquery/themes/start/jquery-ui.css"
の太字部分を上記名称に書き換えるだけでjQuery_uiに関するデザインを簡単に変更できます。
- 【jQuery用プラグインについて】
jQueryのプラグインには、このようなビジュアルな物から、縁の下の力持ち的なものまで、数千から数万のプラグインが存在し、
そのほとんを無料で使用することが出来ます。
中には、jQueryのバージョンにより動作しないものや、設定が非常に困難で、初心者には難しいものも有りますが挑戦してみる価値はあります。
- 【jQuery用オプションツール】
前述にも有るようにjQueryのプラグインのほとんどは無料で使用することが可能ですが、
設定が複雑で難しいものを集めて、初心者の方にも簡単に導入していただけるツールをオプションでご用意しています。
「メニューエディタ」を使えば、
このような複雑な階層を持つプルダウンメニューも簡単に導入することが出来ます。
|
