Top / Jquery

Next

jQueryというスクリプトを見つけました。Javascriptでいろいろな事ができます。画像の見せ方に変化をつけたり、アコーディオン型のプルダウンメニューで見せたり･･･と、勉強すればするほどびっくりするような変化のあるサイトがつくれます。しかし、敷居は高い！

なんとかこのメニューの作成まで出来ましたが、このコードをサイドメニューにコピーしても、ただの文字になってしまって、jQuery アコーディオンが使えません。なぜなんだ････。未だ解明しません。分かる方、ぜひご教授ください。


先日、QHMのフォーラムにメニュー部分にjavascriptが使えるようになる方法をみつけました。

pluginフォルダのmenu.inc.phpの56行目の「return preg_replace('/<ul[^>]*>/', '<ul>', convert_html($menutext)); 」の部分を「return convert_html($menutext);」に書き換えるだけで、できました。もちろんQHMの最大の特徴である、「おまじない」は使えず、htmlで書かなくてはなりませんが、jQueryのアコーディオンメニューが使えるかの勉強のために、しばらくこのメニューを使っていこうと思います。

興味のある方は「jquery-accordion」からファイルをダウンロードしてみてください。サイドメニューに使うのはDemoの中の２番目の「Navigation」です。もちろん、cssの変更やFTPを使ってファイルのアップロードなどをしなくてはなりませんので、自信のない方は、sequenceまでお問い合わせください。設置の代行をします。（PRでした）

プラグイン #accordion を使用する

QHM Ver.4.2よりアコーディオンのプラグインが使えるようになりました。画像はimageフォルダの中の、「accordion_close.png」「accordion_open.png」「accordion_title_bg.png」「accordion_title_hoverbg.png」の４つを使っています。このファイルを変更して、オリジナル画像にして自分のサイトに合ったものにすることができます。スタイルなどの変更は、プラグイン #accordionを直接書き換えればできそうです。


Jquery