[Pro] Multifunctional Booking Form

Hi Experts,

I had a request on how (or if) to achieve a booking-form like in the following example:

http://www.coaching-akademie-muenchen.de/fortbildung/coaching-seminare-workshops.php

You can see a list of different types of seminars that can be booked online (choose “Preise und online buchen”). Within the “lightboxed” form you can now select Seminar and available dates, automagic refreshing the selection made.

I think this is pretty cool - but in fact more than a thounds times to high for me.

Could anybody explain the mechanism behind and what would be the Freeway-Starting-Point?

Also nice the sorting of a list, that I never thought on how to do.

so thanks for any pointings in advance.

Cheers

Thomas


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

I wish I could read German. It looks like a very interesting system,
unfortunately I can’t quite figure out what I’m supposed to do. I did
manage to get a nice error message to appear while trying out the
controls.

Basically, what you are seeing is two things: a “lightbox” style
overlay to hold the booking form, and a “live” form with JavaScript
feedback.

The overlay is easy in Freeway: apply the PHP Make Insert Page Action
to your form page, then use the ScriptyLightbox Action to load it into
the parent page.

The “live” form stuff is more complicated. You will need to work out
what you want your form to do, and then you will need to set up
“listener” functions on the relevant form fields. These functions sit
patiently waiting, and when the form element does something, they
respond with a behavior. A good example would be the “chained pickers”
effect. (I think Dave made an example somewhere.) Choose a car
manufacturer in the first picker, then a model (from a list of all
models made by that chosen manufacturer), then a trim level (relevant
to that model). Honda : Accord : LX.

Sorting things is really simple with the Scriptaculous library, and
with the right callback functions, you can have the result of that
sort save back to the server automatically. Try this, just for fun:

  1. Draw an HTML box on the page (in layer mode) and make a note of the
    name Freeway assigns to it. (item42 for example.)

  2. Double-click inside the box, and type four or five words, each
    alone on a line. Type a word, press Return, repeat, etc. Highlight all
    the text, and use the Inspector to change the paragraphs into a list.
    Don’t bother styling anything at this point.

  3. Apply the Protaculous Action to your page, and choose scriptaculous-
    packed from the Library list. In the top Function Body editor, paste
    in the following code.

  4. Preview in a browser, and notice how you can drag and drop the list
    elements up and down. When you are dragging one, the others will
    “scoot” out of its way, similar to how the icons in your Mac’s Dock
    behave when you drag them from place to place.

var list = $('item42').down('ul');
list.select('li').invoke('setStyle','cursor:move');
Sortable.create(list,{});

This is a cheap parlor trick at this point, if you reload the page,
the order will revert to the original set in the HTML. But you can
layer on additional scripts that make callbacks to the server and
store the new order in the database, or you can use the current order
of the list as part of your form submission.

Walter

On Aug 29, 2011, at 5:53 AM, Thomas Kimmich wrote:

Could anybody explain the mechanism behind and what would be the
Freeway-Starting-Point?


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

Hi Walter,

thanks - I suppose you forgot to choose the date when you want to book your “MentalCoaching” :-)))) (and then you’ve got the big red warnings - correct?). It’ll be in Munich and I’m more than sure you’d enjoy.

Agree as this is a nice and complex one. Now as far as I can see is, that the form itself is throughout the same except the “Headpart” with the description and pricings to determine what kind of seminar a user booked.

That’ll mean that the Selection is adding this headline part to the form (textarea) and within the form handler there is the field “textarea” that is shipped - so finally one form-handler as well? UAhhh - ventured, isn’t it?

Thanks as well for the “sorting” - I’ll give a go as soon as possible.

I’m actually figuring out the easier way:

I teach you german or you teach me script-language (I think the first could be slightly easier)

Cheers

Thomas


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

Choked, coffee came out my nose!

Walter

On Aug 29, 2011, at 9:16 AM, Thomas Kimmich wrote:

I teach you german or you teach me script-language (I think the
first could be slightly easier)


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

Can’t wait to see either that coffee going out of your nose of hearing you speaking German… really … do a screencast … Please???


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