• 締切済み

アコーディオン機能

Dreamweaverでアコーディオンを挿入したいのですが、どこのマニュアルをみても、「挿入] パネルの [Spry] カテゴリを使用してメニューバー Widget を挿入」と書いてあります。 私が使ってる、DreamweaverにはそのボタンがないんですがDreamweaver8だと使えないんでしょうか？

みんなの回答

回答No.2

> ソースで何とかなるかなぁと思ったんですが…。 SpryはBSDライセンスのフリーウェアですので、JavaScriptがわかるなら手書きでも作れます。 JavaScriptで表示するという特性上、Spryに対応していないDWでは、デザインビューで表示できなくなるかもしれません。 （DWでスクリプトが動作しないのはもちろん、初期状態も表示できないかもしれません) Adobe Labs （英語) http://labs.adobe.com/technologies/spry/

rapin9247
質問者

お礼

参考になりました。感謝です（*＾o＾*） ありがとうございます。

回答No.1

CS3以上です。

rapin9247
質問者

お礼

そうなんですね（＾＾； ソースで何とかなるかなぁと思ったんですが…。 ありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. その他（プログラミング・開発）

関連するQ&A

  • アコーディオンメニューの開閉制御

    私webデザイナーをしています。 アコーディオンメニューで（開くのは１つのパネルのみ）ページ遷移してもアコーディオンの開いている部分が閉じないものを作りたいと思っています。 しかし、下記のコードでどうしても実装できません。 技術のある方、間違いを教えていただけないでしょうか？ 【ｈｔｍｌ】 <dl class="accordion_dl"> <dt>アコーディオンメニュー.1</dt> <dd>アコーディオンメニュー.1のテキスト表示</dd> <dt>アコーディオンメニュー.2</dt> <dd>アコーディオンメニュー.2のテキスト表示</dd> <dt>アコーディオンメニュー.3</dt> <dd>アコーディオンメニュー.3のテキスト表示</dd> <dt>アコーディオンメニュー.4</dt> <dd> <ul> <li>リスト挿入</li> <li>リスト挿入</li> <li>リスト挿入</li> <li>リスト挿入</li> </ul> </dd> </dl> 【JS】 jQueryとjquery.cookie.jsを読み込んでいます。 for (var i=0; i < $(".accordion_dl dt").length; i++) { if( $.cookie("accord" + i) == "open" ) { $(".accordion_dl dt").eq(i).next("dd").show(); } } $('.accordion_dl dt').click(function(){ $(this).toggleClass("open"); $(this).siblings("dt").removeClass("open"); $(this).next("dd").slideToggle(); $(this).next("dd").siblings("dd").slideUp(); n = $(".accordion_dl dt").index(this); if ($.cookie("accord" + n) == "open") { $.cookie("accord"+n,"close", {path:"/"}); } else { $.cookie("accord"+n,"open", {path:"/"}); } }); よろしくお願いいたします。

  • アコーディオンメニュー開閉動作

    はじめまして。 とある有料テンプレートを使用して会社のHPを作成しています。 使用しているテンプレートにアコーディオンメニューが実装されているのですが その開閉動作について修正したいのですが、Java関連には疎いものでお聞きしたいです。 使用させていただいているテンプレートは「フリー素材屋hoshino」さんの http://www.s-hoshino.com/web/high_002/index.html のテンプレートです。 修正したい箇所は、アコーディオンメニューがページを移動するたびに閉じてしまう点です。 アコーディオンメニューからカテゴリを選んでクリックし、その後移動したページでは その部分のアコーディオンメニューを開いたままにしておきたいです。 そうすることで、現在どのカテゴリーの、どの商品ページを見ているかもっとわかりやすくなりますし、同じカテゴリーのすぐ下のページにも移動しやすく(クリック回数が少なく)できると思います。 多分、jQueryやcookie関連の修正が必要と思いますが、私の方でも、テンプレート配布元でもやり方がわからないので教えていただきたいです。 わかりづらい文面で申し訳ありませんが宜しくお願いします。

  • DreamweaverCS3で挿入バーに「アプリケーション」が表示されない

    Dreamweaver CS3（OS:XP）　で現在、挿入バーに 「挿入」「一般」「レイアウト」「フォーム」「PHP」「データ」「Spry」「テキスト」「お気に入り」 が表示されています。 入門書では、頻繁に「挿入」バーの「アプリケーションカテゴリー」 から・・・・、という表現がでてきますが、この「アプリケーション」を表示させる方法がわかりません。 何かの設定なのかもしれませんが、ご存知の方お教え願えれば幸いです。

  • アコーディオンメニュー

    下記のスクリプトで、一定時間ごとに動くアコーディオンメニューを作ることができました。さらに、これを改良して、パネルをクリックしたら、それぞれ設定したURLに飛ぶようにするにはどうしたらよいでしょうか？ http://oshiete1.goo.ne.jp/qa4766273.html

  • 既存のナビに、メニューバーを追加する方法を教えて下さい

    Dreamweaver CS3を使ってますが、元々作っているナビゲーションに、 各項目をポップアップメニュー（メニューバー）を追加する方法を教えて下さい。 例えば、ナビの中に、「会社概要」という項目があるとすると、 そこをマウスオンしたら、「会社案内」「沿革」「取引先」などが、 下にズラズラと出てくる様に、追加するって事です。 昔は、ビヘイビアのポップアップメニューだったと思うのですが、 Dreamweaverの最新では、それが無くなり、Spryのメニュバーになったと思うのですが、 このSpryのメニュバーが、非常に難しく使い辛いです。 画像入りのメニューに、このSpryを埋め込もうとしても、 このSpryのCSSファイルが複雑過ぎて、うまくいきません。 他に方法などあるのでしょうか？ やはり、この信じられないくらい複雑なSpryのCSSを 1枚づつCSSスタイルで開いて、変更箇所を探していきながら、 修正していかないとならないのでしょうか？ お詳しい方ご教授よろしくお願い致します。

  • アコーディオンメニューを使ったサイトを探しています。

    アコーディオンメニューを使ったサイトを探しています。 http://flashrave.org/anima/accordion/index.html で紹介されているような、横向きにスライドする アコーディオンメニューを使用しているサイトを教えて下さい。 できれば通販サイトや企業サイトを希望しますが、 色々なサイトを見てみたいので個人様のサイトでも構いません。 お手数ですがよろしくお願い致します。

    • ベストアンサー
    • Flash
  • DreamweaverCS4のSpryメニューバーでの現在位置表示

    DreamweaverCS4のSpryメニューバーでの現在位置表示 お世話になります。 DreamweaverCS4のSpryメニューバーの質問です。 Spryメニューでメニューを選択しリンク先ページをオープンするのですが、そのリンク先ページでリンク先のSpryメニューの背景色を変更（現在位置メニューを表したい）はどのようにしたらよいのでしょうか。 ご教授お願いします。

  • Dreamweaver メニューバー Widgetについて

    単純なことなんですが宜しくお願いします。 項目追加などの作業で、ヘルプに １、ドキュメントウィンドウで、メニューバー Widget を選択します。 ２、プロパティインスペクタで、1 列目の上にある [+] ボタンをクリックします。 と有りますが、「メニューバー Widget を選択します」とはどの様に選択するのでしょうか？ 太枠になった状態ではダメでした。

  • アコーディオンメニューにすると下部がずれます。

    jQueryを使用してアコーディオンメニューを作成しています。 イメージとしてはこのサイトのようにしたいと考えています。 http://inkd.com/ しかしながらこちらのソースをベースに作ってみているのですが http://blog-imgs-48-origin.fc2.com/j/q/u/jqueryintro/accordion.html この方法で横に設置しようとすると、縦にアコーディオンするのに合わせて コンテンツ全体が下がってしまう状況が生じています。 参考サイトのように、アコーディオンしてもメインコンテンツが動かない仕様に したいのですがご教示頂けないでしょうか？ 何卒よろしくお願いいたします。

  • jQuery アコーディオンメニューについて

    jQuery アコーディオンメニューについていくつか質問させていただきます。 当方、はじめてjQueryを使っています。 以下のページを参考にアコーディオンメニューを作成しています。 http://triplexxx.jp/archives/150 <ul class="acc"> <li><a href="1" class="open">category1</a> <ul> <li><a href="#">menu 1-1</a></li> <li><a href="#">menu 1-2</a></li> <li><a href="#">menu 1-3</a> <ul class="fxmn"> 　　　　 <li><a href="#>menu1-3-1</a></li> <li><a href="#">menu1-3-2</a></li> <li><a href="#">menu1-3-3</a></li> </ul> </li> 　</ul> </li> <li><a href="2" class="open">category2</a> <ul> <li><a href="#">menu 2-1</a></li> <li><a href="#">menu 2-2</a></li> <li><a href="#">menu 2-3</a></li> </ul> </li> <li><a href="3" class="open">category3</a> <ul> <li><a href="#">menu 3-1</a></li> <li><a href="#">menu 3-2</a></li> <li><a href="#">menu 3-3</a></li> <li><a href="#">menu 3-4</a></li> </ul> </li> </ul> var $j = jQuery; $j(function(){ $j(".acc").each(function(){ $j("a.open", this).each(function(index){ var $this = $j(this); if(index !=n) $this.next().hide(); $this.click(function(){ var params = {height:"toggle",opacity:"toggle"}; $j(this).next().animate(params).parent().siblings() .children("ul:visible").animate(params); return false; }); }); }); }); (1)：具体的にあげますと、上記のmenu1-3をクリックしてmenu1-3-1、1-3-2、1-3-3のアコーディオン　　を開き、 　　1-3-1をクリックしてリンク先に飛んだ際に、直前に開いていたアコーディオンをそのままの状態　　　にしておきたいというものです。 （↓こんな感じです） category1 ・　menu 1-1 ・　menu 1-2 ・　menu 1-3 ・・　menu1-3-1 ・・　menu1-3-2 ・・　menu1-3-3 category2 category3 教えて！gooの過去の質問を参考させていただきながら、 if(index !=n) $this.next().hide();　　 で、　n　を指定することで、それぞれのサブメニューを開いた状態にすることには成功したのですが、その下の階層のメニューをどのように指定すればよいかがわかりません。 (2)：また、リンク先のページに飛んだ時に、アコーディオン部分は動かないのが望ましいのですが、 　　可能でしょうか？ 　　（タブのようにページが切り替わる感じが理想的ですが、ページ数が大変多いため難しいとおもっ　　ています） (3)：(1)、(2)はページごとにscriptを書き換えるのではなく、htmlをいじることで（li タグにclass指定をす　　　るなど）変更するのは可能でしょうか？ 　　外部scriptが使えればと思っています。 複数の質問になりましたが、どうぞよろしくお願いいたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する