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.
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.
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?
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.
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.
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.
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.
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.)
** 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.
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:
Edit Styles / New Style
Tag: h3, Name: border
Character picker: set Font, Size, Color, and Background-color as
desired.
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.
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.