DW CS3 Spryアコーディオンについて

DW CS3のSpryアコーディオンの設定ですが、デフォルトでは、クリックをすると、ウィンドーが開きますが、マウスオーバーでウィンドーを開くにはどのようにすればよいでしょうか?

SpryAccordion.js の283行目(spry1.4の場合)
Spry.Widget.Accordion.addEventListener(tab, "click", function(e) { return self.onPanelClick(panel); }, false);

Spry.Widget.Accordion.addEventListener(tab, "mouseover", function(e) { return self.onPanelTabClick(e, panel); }, false);
に変更すれば可能です。
"click"を"mouseover"にすればよいわけです。
私もあまりJavascriptはよくわかりませんが、こうやってすでに2サイトで導入してます。

Similar Messages

  • CS3 Spry Accordion Link Color

    Greetings:
    I am attempting to change the link color to "none" within a
    Dreamweaver CS3 Spry Accordion navigational element and I am unable
    to make the changes I need. I have tried to change the internal
    link page properties within my HTML document and also set the "a"
    properties in the linked CSS file to "text-decoration: none" and
    the link color still remains in the Accordion navigational element.
    Do you have any suggestions on how I can fix this?
    Thanks for your help!

    in your spy accordian css file, put:
    a:link
    text-decoration:none;
    or, even better
    .nolinkunderline
    text-decoration:none;
    and then apply the style to your accordians hyperlinks
    i am assuming it's the underline element that you want
    removed

  • Fireworks CS3 -- SPRY/HTML Slideshow

    Using Windows XP Pro
    I have tried many times to get the "Player - Black
    (SPRY/HTML)" to work in Fireworks CS3 Slideshow creator.
    All of the other players work except for this one.
    However, it does work beautifully in Firefox -- just not in
    Internet Explorer (latest version).
    In IE, I get this error message:
    "Exception caught while loading slideshow.xml: [object
    Error]"
    Can anyone help?
    Thanks
    Here is the top part of the XML code:

    "folsombob" <[email protected]> wrote in
    message
    news:f5d1in$2oe$[email protected]..
    > Thanks, Al ? for the information and the speedy reply.
    >
    > You are right ? it did work in IE online. Odd that
    Firefox worked offline,
    > though.
    > Any ideas why?
    Because of the xml file.
    > Your ?Slideshow Magic? and the ?Image Gallery? at
    Project Seven are VERY
    > impressive.
    Thanks.
    > One of the things I am after is to be able to generate
    the Flash (code)
    > and
    > then position the elements to fit into an existing
    webpage.
    >
    > With Photoshop?s ?Web Galleries?, I have used its code
    to create a
    > customized
    > template, but this is not an option with the two Flash
    modules.
    >
    > I will likely be sticking with Plan B with HTML and
    basic JavaScript
    > ?swaps?,
    > which works, but is not elegant.
    >
    > How flexible and subject to manipulation are the two
    galleries at Project
    > Seven?
    Image Gallery Magic is constrained to a certain source code
    order, but Slide
    Show Magic is basically able to be molded into thousands of
    different
    scenarios and is limited only by one's imagination and
    experience.
    This is Slide Show Magic:
    http://www.projectseven.com/products/galleries/ssm/ssm_03.htm
    This is Slide Show Magic:
    http://www.projectseven.com/products/galleries/ssm/tweaks/simpleface/
    This is Slide Show Magic:
    http://www.projectseven.com/products/galleries/ssm/tweaks/thumbs_bottom/
    This too:
    http://www.projectseven.com/products/galleries/ssm/tweaks/tools_bottom/
    And this:
    http://www.projectseven.com/products/galleries/ssm/tweaks/run_once/
    And even this:
    http://www.projectseven.com/products/staging/ssmpp/
    Al Sparber - PVII
    http://www.projectseven.com
    Extending Dreamweaver - Nav Systems | Galleries | Widgets
    Authors: "42nd Street: Mastering the Art of CSS Design"

  • Dreamweaver CS3 Spry Updates

    Just been reading the Edge newsletter for June, and picked up
    on this under the section describing Ajax features in DW CS3:
    Adobe say-
    "Because Spry lives independently on Adobe Labs, it will
    continue to evolve and become more robust and powerful. Upcoming
    releases will include JavaScript Object Notation (JSON) support,
    unobtrusive JavaScript support, HTML datasets, and more."
    With each stable release of Spry, is there going to be an
    update for DW to expand the functionality within the software, for
    instance, update the Spry toolbar to contain buttons for new
    features etc?

    Yep - that's the ticket....
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "Al Sparber- PVII" <[email protected]> wrote in
    message
    news:f568nl$ha1$[email protected]..
    > "Murray *ACE*" <[email protected]>
    wrote in message
    > news:f56612$e0c$[email protected]..
    >> Make it a server-side include. Remember that the
    parent page must have
    >> the links to the CSS files, and the javascript
    files, NOT the include
    >> file.
    >
    > Even though this is part of the Pop Menu Magic user
    guide, the theory
    > would be the same for the Spry menu (without the
    automation features):
    >
    http://www.projectseven.com/products/menusystems/pmm/user_guide/site_wide/includes/index.h tm
    >
    >
    > --
    > Al Sparber - PVII
    >
    http://www.projectseven.com
    > Extending Dreamweaver - Nav Systems | Galleries |
    Widgets
    > Authors: "42nd Street: Mastering the Art of CSS Design"
    >
    >

  • Editing CS3 Spry widget

    Hi,
    I have created a accordion menu using a spry widget built
    into Dreamweaver CS3. However I want to amend this so that the menu
    is collapsed until the user clicks on a category.
    Do I have to amend the CSS or the javascript to make it
    collapsed to begin with?
    Any help would be appericated.
    Thanks
    Gary

    When you hover your mouse over the spry collapsible panel you
    will get a blue tab, click it. The properties panel will give you
    the widget controls. There you can set the default state as
    closed.

  • Could not update DW CS3/Spry 1.6.1

    Hy@all,
    I could not update my DW CS3 (version 9.0 build 3453) to Spry
    1.6.1 :(
    If I run the Spry161Udater1.0.0.mxp, I get the error message
    'Could not update one file, extension will not be instaled'
    Any solutions ????
    cu,gonZoX.

    Hmm...I haven't heard of that before.
    Try getting rid of your user config folder and installing it
    again.
    C:\Documents and Settings\username\Application
    Data\Adobe\Dreamweaver CS3\Configuration
    Mac: MacHD:Users:username:Library:Application Support:Adobe:
    Dreamweaver CS3:Configuration
    Get rid of the entire 'Configuration' folder and then try
    reinstalling.
    Let us know.
    Don

  • CS3 - Spry Menu - Spans, CSS Differences in Browsers

    Hello,
    I'd greatly appreciate any help at all on these three issues from our website: www.r3mg.com
    -When I make this spry menu, I want the 4 different categories to be different colors. Thus, I’ve included a “span” inside the li and then another span inside the ul, which I know isn’t “proper” css. But I’m not sure how else to do it. Is there a correct way to do this?
    -When in Internet Explorer (8, in this case), the photography mouse-over has weird borders and a scroll thingy on it. But none of the others do. The rest of the menu is correct except for that one. You can see what I mean here… (iE8 - mess up view – FF - should look like)
    -In IE7, it takes the "about us" link and puts is on a line below "photography" and I'm not sure how to fix that for only IE7
    Thank you!!

    Hi Beth,  thank you for your help!  I'm just going to cut and paste your reply to show what I've done...
    Rather than using spans inside the li, style it in CSS by applying IDs to the sections you want to affect:
    <li id="home">Home</li>
    <li id="contactus">Contact Us</li>
    (I've left out the actual links, for clarity).
    I did this, except used:
    Branding
    and so on for my other two headings: web & paper
    Then, in the CSS stylesheet, do this:
    ul.MenuBarHorizontal li#home {background-color: red; color: white;}     /*use your own color choices, of course!*/
    ul.MenuBarHorizontal li#contactus {background-color: orange; color: black;}     /*ditto!*/
    for the dropdowns, you can further style this way:
    ul.MenuBarHorizontal li#home li {background-color: pink; color: black;}
    ul.MenuBarHorizontal li#contactus li {background-color: gold; color: black;}
    Obviously, use your own color combos!
    Here is where the issues lies, I think.  When I did this exactly, but with my colors and # headings, it did nothing.  I think this is because each of these words in the menu are all links.  So the question is, do I have to change the **  ul.MenuBarHorizontal a  ** CSS?  If so, I tried to do this using your example and it still didn't work.  I added new CSS codes of: 
    ul.MenuBarHorizontal li#Branding a ul.MenuBarHorizontal li#Branding li a
    Then, I put these in the appropriate places in the SpryMenu on the html page.  All it did was make everything one color for the links.  So I must have done it wrong.   I have put the spans back in.  The only thing I've changed on the CSS now is to take the font color out of the original **  ul.MenuBarHorizontal a   ** and that now leaves it to the ugly default purple Dreamweaver uses on links.  This shows me that it's probably something to do with the "a" code in the CSS. 
    Actually, your menus have some difficulties in both Firefox and IE8, but I see by your illustrations that it is really just that About Us is dropping to the next line. If you reduce slightly the width of each menu item, you will see this problem go away.
    In IE8, you are getting a scrollbar because the browser senses that you do not have enough height to your containing div, so the browser is very kindly adding the scrollbar. Even though it looks as if there should be enough height...! You can try doing border: 0px; for the submenus. If you want the border on the submenus, add height to the containing div to allow for the borders.
    .ulMenuBarHorizontal ul li {border: 0px;}
    I've tried doing this also and it still doesn't seem to be helping.  I've changed the height on the #header & #header-toolbar but it still left the scroll thing.  What I don't understand is why it does it only on the photography drop-down but not on the other ones.
    I hope this makes sense.  My head is spinning from trying to figure it out.  And again, thank you!

  • My CS3 spry vertical menu does not maintain properties on web.

    My first web site is available at www.edgarcemetery.com. I used Dreamweaver, and it is hosted through Yahoo Small Business, I am having trouble getting the properties of the Spry Menu Bar to display appropriately in Internet Explorer 7, on Windows XP desktop. However, it looks fine on laptop, which contains all web site original files and worksheets, as well as IE7 and XP. On laptop it looks pretty; on desktop, only black letters. Loses menu format, font, text colors, hover overs, etc. Please take a look and tell me what I need to change. I've tried and tried. Would really appreciate it. Thanks.

    Hello.
    This is another test message.
    Please disregard.
    Thank you.

  • DW CS3 Spry Question

    I replaced the navigation I originally did with a spry bar. Works and looks great on a Mac but in IE8 the dropdown and spacing is very different.
    link is below, any suggestions?
    http://pyosports.com/soccerspry.html
    rder

    Not sure offhand - but there is a separate forum that specifically targets "Spry" issues: http://forums.adobe.com/community/labs/spry
    You may have better luck with assistance there (or post in both places)... hope that helps in some way,
    Jesse

  • CS3 Spry css question

    I know basic tableless css, my question is instead of a regular navigation bar I need to use the spry widget for a dropdown navigation bar on an exisitng html page. I'm able to insert the spry in the correct spot on the .html page and get it to work but I have a css sheet already attached to the page I need to know if I can just select all the css from the spry css page and insert it inside my attached css page?
    Any help?

    Yes, you can move the styles, but in my opinion, it is safer to maintain the Spry CSS assets in their own file, safe from inadvertent deletion or harm. There is an inherent logic to the order of styles in the Spry CSS sheets, and you might lose the wisdom of the comments not to mention the orderly consistency as well.
    You may link many style sheets to your .html pages...you are not limited to one per page.
    By using several CSS files attached to one page, you can also have a separate style sheet for different media: one for the Screen, one for Print, one for a Handheld device. There's no reasonable way to keep all these varying uses for different style sheets all one ONE sheet. The Printer will look for your main style sheet AND at the overriding styles in the print style sheet, for instance, so you don't need to print the nav bar when what you want is a print of the content.
    Z
    You do, of course, need to NAME the CSS files with distinct names, for instance, global.css, print.css, handheld.css.
    Message was edited by: Zabeth69

  • Dreamweaver cs3 spry collapsible panel, can it go verticle?

    I'm trying to create an online menu for a restaurant and I want the spry collapsible menu to extend upward instead of dropping down after clicking the tab.  I have been searching for two days now and cannot seem to find any way to manipulate the script in order to create the desired effect.
    Any help is greatly appreciated, thanks again.
    -NJP

    My apologies for the previous post, another senior moment.
    Without touching the JS, the best way is to work with the CSS to achieve what you want although this will comprimise the workings of the widget. Have a look at the following
    <!DOCTYPE html>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet">
    <body>
    <div id="CollapsiblePanel1" class="CollapsiblePanel" style="margin-top: 150px;"> /*to reserve space for the panel*/
      <div class="CollapsiblePanelTab" tabindex="0">Tab</div>
      <div class="CollapsiblePanelContent" style="margin-top: -8.7em;">/*adjust to suit*/
          <ul>
            <li>Lorem ipsum dolor sit amet</li>
            <li>Consectetur adipisicing elit</li>
            <li>Sed do eiusmod tempor incididunt</li>
            <li>Ut labore et dolore magna aliqua</li>
            <li>Ut enim ad minim veniam</li>
          </ul>
      </div>
    </div>
    <script src="SpryAssets/SpryCollapsiblePanel.js"></script>
    <script>var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1");</script>
    </body>
    Gramps

  • CS3 Spry Menu Bar

    I have added a second horizontal spry menu bar to my index
    page but i did not get a second set of styles entitled
    SpryMenuBarHorizontal.css in the CSS Styles panel. Therefore, when
    I went to edit the buttons, it changed the styling of the first
    horizontal spry menu bar -- not good. So, how do I add a second
    horizontal Spry Menu Bar?
    Thanks in advance--

    There is no point-and-click way to do this. You would need to
    copy the CSS file to make a new one and then link that new CSS file
    in the document so that the second menu is styled
    differently.

  • CS3, Spry insertion

    I just upgraded to the Design Premium Studio and my first
    foray into Spry.
    I have inserted a Collapsable Panel, it works fine in
    preview, does not work when put.
    The link is
    http://www.coolshapes.net/,
    the panel is at the bottom, "Contact" is the Tab, the address is
    supposed to appear when clicked.
    Any Ideas?
    Thanks
    Gary

    I just upgraded to the Design Premium Studio and my first
    foray into Spry.
    I have inserted a Collapsable Panel, it works fine in
    preview, does not work when put.
    The link is
    http://www.coolshapes.net/,
    the panel is at the bottom, "Contact" is the Tab, the address is
    supposed to appear when clicked.
    Any Ideas?
    Thanks
    Gary

  • Need help w/DW CS3 Spry image substitution

    I have put up a page at
    http://tstpg.miahi53.com to
    demonstrate my problem. When the master data on the left is clicked
    the detail data on the right (under the image area) changes but the
    image never appears. What have I done wrong? How do I correct this?
    Why doesn't my code look like the video tutorial code? Thanks in
    advance for any help. I have been working for over a week on this
    and just found this resource. I posted on the DW Application site
    but no one responded. The XML data is as follows:
    <?xml version="1.0" encoding="utf-8"?>
    <events>
    <event>
    <name>Dream Vacation Reunion</name>
    <location>Westgate Lakes Resort and
    Spa</location>
    <date>September 17, 2008 thru September 21,
    2008</date>
    <time>????? until ?????</time>
    <eventimage>../images/strybk.jpg</eventimage>
    <desc><![CDATA[Have your story book vacation
    reunion with your friends, classmates and family. How can you go
    wrong? It'll revitalize all and prove to be a bundle of
    fun.]]></desc>
    </event>
    <event>
    <name>Early Welcome</name>
    <location>Registration Area</location>
    <date>September 17, 2008</date>
    <time>10 AM until ?????</time>
    <eventimage>../images/refrsh.jpg</eventimage>
    <desc><![CDATA[Why don't you join the early birds
    in welcoming the later arrivals. Expect some refreshments, drinks
    and fun.]]></desc>
    </event>
    <event>
    <name>Meet and Greet</name>
    <location>Reunion Central Hospitality
    Room</location>
    <date>September 17, 2008</date>
    <time>3 PM until ?????</time>
    <eventimage>../images/balln.jpg</eventimage>
    <desc><![CDATA[Food and drink while we
    socialize.]]></desc>
    </event>
    </events>

    Kin, I can't thank you enough. My site root is testing and
    within that is (among others) is the images folder and the events
    folder. The images folder contains the individual jpg's and the
    events folder contains the XML file. I am pointing to the correct
    area, but, I thought that when I loaded the site to the test page
    it would send all of the revelent files. For whatever reason the
    images didn't get sent (perhaps I loaded the folder after I sent?).
    But why doesn't the images show when I test the file locally?
    Shouldn't it be properly pointing to the right place? I have just
    loaded the images to the web site and it works fine. Thanks
    again.

  • Tutorial for a Spry photo gallery with thumbs and buttons ???

    Anyone know of a a tutorial for building a Spry photo gallery with both thumbnails and next, previous, stop and play buttons(functions)  ???
    Like the ones on Adobe's Photo Gallery demos; http://labs.adobe.com/technologies/spry/demos/pe_gallery.html
    Adobe show the source for their Photo Gallery Demos, but that doesn't help me much ... I need a prober tutorial that tells me how to do : ) 
    The only tutorial that I've been able to find, is one for Dreamweaver 8, without buttons - I'm looking for a updated version.
    I appreciate any help very much. Thank you.

    Just Google for the Spry photo gallery and you might find
    http://cates-associates.net/tutorials/Tutorial-CS3-Spry.html
    or even a few others.
    Happy Sprying
    Ben

Maybe you are looking for