- ベストアンサー
jQueryアコーディオン（IE6の対応）
どなたかご教授頂けると嬉しいです。 http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-easy-accordion.html 上記のjQueryがIE6対応とあるのですが、実際に表示を確認してみると崩れてしまっています。 どうにかIE6で正常に表示出来ないか試行錯誤しているのですが上手くいきません……。 もしわかる方がおられましたら教えてください。 宜しくお願いします。
- gspopo
- お礼率72% (24/33)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
一旦報告してその後継続して調べていたのですが・・・ 別質問にされていたのでこちらで。 http://code.google.com/p/ie7-js/を使ってみてはどうでしょうか？ 使い方に関しては「ie7.js」とかで検索すればどういうものかわかります。 こちらでIE6そのもので確認することができないのですが・・・ 何かfilter～も-ms-filter:"～"に変えたりするような事も他サイトにはありました。 ちなみにIETesterではうまくいっていません。 レイアウト自体崩れてしまっています。 それとは別に・・・・ 示されたサイトの紹介元「jQuery plugin: Easy Accordion」のサイトで （デモページと書いてあるリンクの上から英語のサイトへ移動） 下のほうにユーザーのコメントがあると思いますが、 その中にコードらしきもの（修正？）のようなものもあるので 前回のものも含め一度そちらをご覧になられたらよいかと思います。
関連するQ&A
- jQueryアコーディオンについて
どなたかご教授頂けると嬉しいです。 http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-easy-accordion.html 上記のjQueryがクロスブラウザ対応と書いてありましたので使用したのですが、設置後にOperaやIE8（9？）で表示がおかしくなることに気づき困っています。 画像と文字が横にならない＋リンクに触れるようにする方法はありませんでしょうか… 宜しくお願いします、
- ベストアンサー
- JavaScript
- アコーディオンメニューの最初に開く場所について
こちらのサイト http://coliss.com/articles/build-websites/operation/javascript/jquery-tutorial-simple-accordion.html で紹介されているアコーディオンメニューを使用しているのですが アクセス時に自動で開く場所の変更を行う場合 どの様に変更をしていいのかわかりません。 //Set default open/close settings $('.acc_container').hide(); //Hide/close all containers $('.acc_trigger:first').addClass('active').next().show(); //Add "active" class to first trigger, then show/open the immediate next container おそらくこの部分ではと思うのですがどうにもうまくいきません。 ご教授お願いいたします。
- ベストアンサー
- AJAX
- 画像を回転させる方法
質問させてください。 今、下記のような画像をドラッグとホイールで360度回転させる機能 http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-reel.html に、更にスライダー機能（http://zack.dtiblog.com/blog-entry-15.html）も使える様にしたいのですが、参考サイトも見つからず、うまい事組み合わせようとしても実装できません。 もしわかる方いらっしゃいましたら教えて頂ければと思います。 何卒宜しくお願い致します。
- 締切済み
- JavaScript
- Queryのプラグイン（jAni）を 全画面表示
背景画像をアニメーションさせるjQueryのプラグイン（jAni）を、 全画面表示にさせる方法を教えてください。 全くのjQuery初心者で、本当に困っています。 助けてください。お願いいたします。 jQueryのプラグイン (jAni)を導入したのですが、 全画面で表示させなければならなくなってしまい どうしようもなく困っています。 ＵＲＬ 背景画像をアニメーションさせるjQueryのプラグイン -jAni http://coliss.com/articles/build-websites/operation/javascript/jque... ソースの19行目と２０行目で表示の大きさを決めているところまでは分かりましたが 何をどう変えればいいか、行詰ってしまいました。 宜しくお願いいします。 １８行目 function _build(){ １９行目 element.width(settings.frameWidth); ２０行目 element.height(settings.frameHeight); ２１行目 element.css('background-position', '0 0'); ２２行目 };
- ベストアンサー
- JavaScript
- jQueryアコーディオンの検索について
jQueryで作成した、アコーディオンの閉じている部分の検索について 色々と検索しましたが、解決できず悩んでいます。 jQueryでアコーディオンを作成しています。 【やりたいこと】 IEで cntrl+ｆでページ内検索した時 １、閉じている箇所の内容も検索する。 2、検索がヒットした場合アコーディオンを開く。 という動きをさせたい。 【知りたいこと】 ＩＥで可能かどうか。 ＩＥの検索で不可の場合 自作の検索フォームを作成すれば、 アコーディオンを開けるか？又その方法。 【疑問点】 IEで検索をすると 検索でヒットした場合文字色と背景色が変わりますが、 html上はその箇所が なんらか変化があったと認識されないのでしょうか？ 最初は、検索が該当したら、javascriptとのイベント（onfocus？）でアコーディオンを開くというような動きができると考えましたが、 動きませんでした。 検索結果の含まれるタグを操作するという動きはできないのでしょうか。。。 もし何かご存じの方がいらっしゃいましたら、教えて頂けないでしょうか。 よろしくお願い致します。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無題ドキュメント</title> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.accordion').click(function() { $(this).next().slideToggle(); }).next().hide(); }); </script> <style type="text/css"> .accordion_head {cursor:pointer;} </style> </head> <body> <div> <h3 class="accordion">アコーディオンのトリガー部分1</h3> <p>アコーディオンする部分1。</p> </div> <div> <h3 class="accordion">アコーディオンのトリガー部分2</h3> <p>アコーディオンする部分2。</p> </div> <div> <h3 class="accordion">アコーディオンのトリガー部分3</h3> <p>アコーディオンする部分3。</p> </div> </body> </html>
- 締切済み
- JavaScript
- jQuery UI Accordion Plugin(jQuery U
jQuery UI Accordion Plugin(jQuery UI アコーディオン プラグイン)でアコーディオンメニューを作っています。 下記のような要素を ↓html <div id="accordion"> <h3><a href="#">First header</a></h3> <div>First content</div> <h3><a href="#">Second header</a></h3> <div>Second content</div> </div> プラグインを読み込んで ↓javascript $("#accordion").accordion(); みたいな簡単な記述でアコーディオンメニューが実装できます。 サンプルURL：http://jquery.bassistance.de/accordion/demo/ これを自動で上から順に一定間隔で展開するようにしたいのですが（クリックして展開する動作も生きで）、 動きイメージ：http://www.au.kddi.com/ aubyKDDIサイトの左側のメニュ↑ このプラグインを使わないやり方とかでもいいです。 ご教授の程お願いいたします。
- ベストアンサー
- JavaScript
- jQueryアコーディオンでリストウィジェット表示
jQuery UI Accordionというjavascriptを使用しているのですが、Twitterのリストウィジェットを入れるとウィジェット内のリンクが機能しなくなってしまいます。 どのようにしたら良いでしょうか。 http://jqueryui.com/demos/accordion/ 上記のサイトの一番上にあるアコーディオンを使いました。 下記のページをiframeで表示しています。 http://www.seraphen.com/ff14/accordion.html
- ベストアンサー
- JavaScript
- dreamweaverCS6 CSSwidget
以下のような機能はあるのでしょうか？ 挿入パネルなどの項目自作、例えば、画像リンクのhoverで画像を透過させる下のリンクのような噴出しツールチップ、下のリンクのような付箋紙挿入などのような、頻繁に使うデザインをテンプレートあるいは自作ライブラリのような形でdreamweaverに登録することは可能でしょうか？ http://coliss.com/articles/build-websites/operation/css/css3-only-tooltips-by-paulund.html http://coliss.com/articles/build-websites/operation/css/css-tutorial-sticky-notes-with-css3.html
- ベストアンサー
- CSS
- jQueryの関数内の変数について教えてください
jQueryで外部の関数の中にある変数の値の取得方法について教えてください。 文法等全く分かっていない、初心者で大変恐縮しております。 外部にある変数の値を取得し、その値を必要な変数に代入したいと思っております。 下記に大まかなコードを記述いたしました。 サイトを開いた時に「mLivre」を実行し、リサイズ処理をした時に もう一度「mLivre」を実行しております。 「var mLivre」内にある数値を、「jQuery(window).resize」の中の 「 jQuery.fn.mLivre」の中にある変数に代入しようと思っております。 私のやりたいことは、「mLivre」というプラグイン（下記※参考サイト）を レスポンシブにしたいと思っております。 「mLivre」は画像を本の様にめくってくれるスクリプトです。 下記のコードの流れで、ブラウザサイズに合わせて表示の大きさを 変えることができましたが、リサイズするごとに初期化され ページが１ページ目からになってしまうので、 リサイズ後も変わらないページで表示させたいと思っております。 ※参考サイト http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-mlivre.html 全くの初心者で大変恐縮しておりますが、 ご享受いただけたらと思います。 また、記述についてもご指摘いらだけたら幸いです。 宜しくお願いいたします。 -------ソースコード---------- //実行外部ファイル jQuery('#slide').mLivre({ }); //コアファイル (function(jQuery) { jQuery.fn.mLivre = function(options,num) { }; jQuery(window).resize(function(){ var mLivre={ //ここにある変数の値を取得してリサイズ内の jQuery.fn.mLivreに渡したい。 } jQuery.fn.mLivre = function(options,num) { //この中の変数に代入したい }; jQuery('#slide').mLivre({ //リサイズ後の実行部 }) ; }); })(jQuery); var mLivre={ //ここにある変数の値を取得してリサイズ内の jQuery.fn.mLivreに渡したい。 }
- ベストアンサー
- JavaScript
- IE8のJavascriptアコーディオンについて
自サイトで以下のサイトにあるJavascriptアコーディオンを使用しようとしたのですが、IE8でだけ挙動がおかしくなります。 http://www.scriptiny.com/2008/10/animated-javascript-accordion/ 私の記述ミスかと思ったのですが、サイトにあるデモをIE8で表示した時も同じでした。 http://sandbox.scriptiny.com/accordion/index.html 見ていただければわかると思いますが、2つあるデモのうちの上の方のアコーディオンです。開いたり閉じたりすると、隙間のmargin-top:5pxが消えてピタッとくっつくように隙間がなくなってしまいます。互換モードのIE7やFF4、Safari5ではこのような挙動はしません。 たぶん構造的欠陥？ということだと思うのですが、Javascriptの知識がないため、どこをどう修正したら直るのか分かりません。提供元の方にもメールで直接尋ねたのですが、返事をもらえません（新しいバージョンのアコーディオンがあるので、これのサポートをする気がないのかもしれません）。 詳しい方がおられましたら直し方を教えてください。よろしくお願いいたします。
- ベストアンサー
- JavaScript
お礼
その後も調べて頂き有難うございます！ 教えて頂いた英語サイトを見ながら、少し考えたいと思います。 このたびはご回答有難うございました。