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
-
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" -
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"
>
> -
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
GaryWhen 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. -
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
rderNot 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 -
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.
-NJPMy 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 -
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. -
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
GaryI 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
-
Unknown Namespace when creating Client Proxy
Hi, I'm trying to generate a client proxy using Local File. It gives error Incorrect value: Unknown Namespace urn:oasis:names:specification:ubl:schema:xsd:CommonAggregateComponents-2 The wsdl file does not give any error. This error seems to be comin
-
Hi, Is it possible to downgrade CC to CS6 and get back Photoshop CS6 within CreativeCloud for my team? After recent update there is so much f***-ups (eg. invisible/deactivated layers are still selectable) so we cannot basically do any web-design. Tha
-
E-Mailed PO Notifications from the Notification Mailer rejected by Vendor
Greetings All! We have an issue where some of our vendors have spam filters that are rejecting the E-Mailed POs coming from the PO approval WF process. We are currently on R12 and wondering if anyone else has had this issue and what was done to get a
-
Precalculated web template w/control query
I create a precalculated web template with settings: 1. Data 2. HTML web pages 3. Control query I scheduled the package. How do I access the views from control query in Web Template URL?
-
It tells me that i should shut down and restart my computer, and if the problem still continues, to reopen it while keeping the option and command keys pressed. I have tried both of these but niether seem to work. The last option is to try restoring