ScriptyAccordion Action

Walt, thanks for the action.

I managed to use it in a box model format. If you use a graphic image for the headers and html boxes for the content you can have multiple paragraphs, bullets, images etc.

Here’s a link with a sample and FW page to download. http://freshbrand.com/STUFF/accordion/

Cheers, Marcel


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I think the problem on my end is not the setup of the “required” layout, but rather that the action’s javascript parts aren’t getting added to the section of my code after I republish after the first time. The “src” is blank on every publish after the first one.

Any idea what could cause that to happen? I checked to make sure I was using 0.3 in my palette. I can make a quick video of my process if you’d like to see what is happening.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

What other Actions do you have on the page?

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

No other actions are on the page. It’s actually a brand new test page I’ve been using and it gets created new as the action versions get updated.

Perhaps a video would be best. Give me a bit to put it together.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Are you, by any chance, using the same folder as the publish target? Could you try deleting the content of that folder entirely and publishing again? Also, look in your Actions / General folder and see if you possibly have more than one copy of the Action. Finally, does it make any difference if you save the file in between changes?

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Walt,

great little action, congratulations.

I shamefully patched it a bit by adding the dl Tag to the show hide menu elements. That way I can use unindented lists as well for the show hide elements part.

One thing is still missing, to make it perfect for my everyday use:

If you use the accordion to link to other pages, the current state of the accordion is not memorized. Unless you use a frame-based design (and who really wants this nowadays), you start up with a closed (or first menu opened) accordion on every linked page.

Any ideas how to add this?

Peter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Tell me more about this idea, I’m not sure I get it.

Do you want to use the accordion as a sort of menu? Or are you talking
about leaving the accordion on any given page always in a particular
state, so that if you return to it (by navigation, not by the Back
button) you would always see it with a certain element open?

There may be a way, but it would help if I could visualize what your
goal is.

Walter

On Jan 17, 2009, at 12:36 PM, Peter Gutbrod wrote:

If you use the accordion to link to other pages, the current state
of the accordion is not memorized. Unless you use a frame-based
design (and who really wants this nowadays), you start up with a
closed (or first menu opened) accordion on every linked page.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Not sure about anyone else, but I still haven’t gotten this to work properly.

Followed the instructions exactly, but still doesn’t seem to work.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Example document here:

http://scripty.walterdavisstudio.com/accordion/

Walter

On Jan 17, 2009, at 1:14 PM, Robert Bovasso wrote:

Not sure about anyone else, but I still haven’t gotten this to work
properly.

Followed the instructions exactly, but still doesn’t seem to work.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 17 Jan 2009, 4:58 pm, waltd wrote:

Tell me more about this idea, I’m not sure I get it.

Do you want to use the accordion as a sort of menu? Or are you talking
about leaving the accordion on any given page always in a particular
state, so that if you return to it (by navigation, not by the Back
button) you would always see it with a certain element open?

There may be a way, but it would help if I could visualize what your
goal is.

Walter,

I wanted to use it as a menu mainly.

I open a section with the accordion and thus reveal links to individual pages within this section. I click a link and get a new page again with the accordion menu. The accordion should not be closed as it happens now, but have the section opened for the current page.

Probably I have to encode the accordion state within the link, but frankly have no clue, how it should look.

In the mootools the accordion state can be kept via cookies IMHO.

Peter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I could certainly add this feature, but mine was deliberately written
to be simple.

For your purpose (as a navigation element), I would recommend that the
state be carried in the URL rather than a cookie. Could you post a
link to your site so I can see this in practice? I’d like to see what
sorts of hooks are naturally there in your design that I could work
off of. It’s relatively simple to read the current URL and parse it
for specific content, there might be a way to make a separate
ScriptyAccordionNav or something like that which would be tightly
bound to this particular use-case. I think that would make more sense
than bogging down a general-purpose tool with additional features.

Walter

On Jan 18, 2009, at 11:44 AM, Peter Gutbrod wrote:

In the mootools the accordion state can be kept via cookies IMHO.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’ve been working towards using Scripty Accordion as a menu.

http://austinswines.com.au/sandbox/

However, I cannot seem to get Carousel to work in concert with such a menu.

Cheers,
Rob Hicks, Melbourne, Australia


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Mootools Accordions (as used at your provided url) do not play well with FW’s (and Walter’s private) scriptaculous actions.

I am working to make the two play nice, or at least provide satisfactory degradation in a less-than-ideal environment. No eta for this yet.

The change to allow for url-based accordions (passed by #anchor) is also in the plan. Same eta as above.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This is great! Very easy to apply. A couple of questions.

Any way to have the accordion completely close up after clicking one of the headers?

After styling, is there a way to avoid space between the headers?

Thanks for doing this.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On Feb 10, 2009, at 11:50 AM, george wrote:

This is great! Very easy to apply. A couple of questions.

Any way to have the accordion completely close up after clicking one
of the headers?

Could you explain what you mean here? I’m not exactly sure what you
mean by one of the headers. Do you want to be able to click a header
to open it, and click the same header again to close it?

After styling, is there a way to avoid space between the headers?

That’s all up to your CSS styles in Freeway. Make a copy of the h3
style, set it to have zero space before and space after, give it a
specific height, give it a background color, border, anything you
like. Then, apply this style to each of your headers in the accordion.
You can make a header look like pretty much anything you can imagine
using the styling tools in Freeway’s Styles palette. (And if you’re
adventurous, you can go in through the Extended looking-glass and add
any style property that browsers can render.)

Thanks for doing this.

You’re welcome!

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

** Could you explain what you mean here? I’m not exactly sure what you mean by one of the headers. Do you want to be able to click a header to open it, and click the same header again to close it? **

Yes, I’d like the entire accordion to be closed.

I’m also having troubling adding a border around each header. The only place I see for a border is in Graphic Text Effects and that is not doing the trick.

Thanks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I would have to re-write the effect code pretty fundamentally to
enable that. I had predicated the “simple” part of this interface on
wanting one element to be open as a result of a click.

As far as adding a border goes, you will need to use the Extended sub-
dialog in the Edit Style dialog to add this – there’s no exposed user
interface for these sorts of effects. Here’s how I would make an H3
tag that had a yellow background and a dark-gray border:

  1. Edit Styles / New Style
  2. Tag: h3, Name: border
  3. Character picker: set Font, Size, Color, and Background-color as
    desired.
  4. Extended button, enter the following Name / Value pairs using the
    New button to add each one:
name value
padding 4px 8px
margin 0
border 1px solid #333

Now apply this new style (h3.border in the list of styles) to your
individual headers. You won’t see all of these attributes in the
design view, but when you switch to preview or preview in a browser,
you should see everything.

Walter

On Feb 11, 2009, at 10:35 AM, george wrote:

Yes, I’d like the entire accordion to be closed.

I’m also having troubling adding a border around each header. The
only place I see for a border is in Graphic Text Effects and that is
not doing the trick.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Probably not quite what George wants, but I’m playing with Scripty
Accordion as a menu and have used a ‘home’ header as the first element
with an empty DIV following, followed by the rest of the headers/
expandable items. (Can’t explain more technically - while I’m not
totally code-phobic, I’m totally inept at coding, so usually choose
the simple route).

The result is that clicking on home leaves the accordion completely
closed - the same way it opens on each page.

The same method could be used for a ‘close list’ header. Though not
the most elegant of solutions, it might suffice.

Colin

On 11 Feb 2009, at 15:47, Walter Lee Davis wrote:

I would have to re-write the effect code pretty fundamentally to
enable that. I had predicated the “simple” part of this interface on
wanting one element to be open as a result of a click.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Might be a solution.

Thanks for the suggestion.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Is it possible for the Scripty Accordion to open horizontally?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options