Forums

Hello, I have read the description of the dropdown menu .
But it does not work by me, I have attached an URL for pictures so you can see that I'm doing the wy you descriped. Please can you help me make it work.

http://www.linimar-asiantravel.com/index.php/ct-menu-item-16/2-ongecategoriseerd/192-chrono

if you need to log in do it whit : please send me a email [email]theoria@mgvanderveer.nl[/email]

I need some dropdown menu's for the form offerte to make it easy to chose the city and hotel

Hi Ria58,

The link you posted requires a login, you can post images here using 'Upload attachment'.

Please describe exactly what you have done and what the problem is.

Bob

Hoi
I have done this
In the wizard edit, tab "Preview" I added two dropdown boxes from the "Basic Elements".
In the general tab, the first with field name and field id ="source_1".
In the 'Options' field, I've got two selection pairs:
selection_1=Selection 1
selection_2=Selection 2
I did not alter anything in the other tabs (as for example "Dynamic Data").
The second drop down box from the "Basic Elements" has field name and field id = "target_1".
The "Options" field is empty as the options are generated with the "Dynamic Drop Down"-Action in the tab "Events".
Don't forget to go to the "Dynamic Data"-tab here and set it to "yes".
Finally I added the "Dynamic Drop Down" Action (see the "Events" tab of the Wizard) and placed it above the entry of "Show html".
Source Dropdown ID = "source_1" (as the field id of the first dropdown box).
Target Dropdown ID = "target_1" (as the field id of the second dropdown box).
The "Extra options extension" I filled with:
selection_1:section_1a=Value1,section_1b=Value2,section_1c=Value3,section_1d=Value4,section_1e=Value5
selection_2:section_2a=Value1,section_2b=Value2,section_2c=Value3,section_2d=Value4,section_2e=Value5
Please be aware that "selection_1" and "selection_2" are exactly the entries of the Options field of the first dropdown.

picture 1 thats shows the right options
picture 2 stays empty

the website is now online for you to look <!-- w --><a class="postlink" href="http://www.linimar-asiantravel.com">www.linimar-asiantravel.com</a><!-- w --> menu offerte
i will shut it down tomorrow again can you send me a mail when you answer this topic please?

HI Ria58,

There are some extra quotes coming from somewhere. The JavaScript has e.g. $(''target_1'').empty(); instead of $('target_1').empty();

If you have quotes round any of the entries please remove them.

Bob

Hi Bob it works now thank you, can you tell me of there is a possibility whit chrono to make dropdown like this: i choice te country,,,then i wil that the places appear, when i click on a place the hotel whil appear, i hope that ypu understand what i mean.

Greetings Ria

Hi Ria,

Yes it's possible to build a triple drop-down, it is similar to the double drop-down but needs to be coded by hand and you have to be careful to manage the cases when the page is reloaded, and when the user changes the first drop-down the later ones both need to be re-set.

Bob

Okay Bob, thanks i will tray that later the solution you give me was very helpfull.

Mine englisch writing will not be correctly because i'm dutch.

One question still: the date picker can you give me a tip for a good description off
it?

Greets Ria

Hello Bob

now i want to fill the menu's menu 1 works it shows the country's

the second stays emptye

i dont kow wator were i must fill inn in the code.

selection_1:section_1a=Value1,section_1b=Value2,section_1c=Value3,section_1d=Value4,section_1e=Value5
selection_2:section_2a=Value1,section_2b=Value2,section_2c=Value3,section_2d=Value4,section_2e=Value5

I want have the following places
first choise Indonesie:
places: Sanur,Kuta,Nusa Dua,Seminyak,Jimbaran,Legian
second choise Thailand:
places: Bangkok, Huain, Pattaya, Phuket
third choise: Maleisie-Singapore:
places: Kuala Lumpur, Singapore, Penang

Please can you help me??
http://www.linimar-asiantravel.com

Hi Ria58,

Please see this FAQ

You will need to write something like

Indonesie:Sanur=Sanur,Kuta=Kuta,Nusa Dua=Nusa Dua,Seminyak=Seminyak,Jimbaran=Jimbaran,Legian=Legian
Thailand:Bangkok=Bangkok,Huain=Huain,Pattaya=Pattaya,Phuket=Phuket
Maleisie-Singapore:Kuala Lumpur=Kuala Lumpur,Singapore=Singapore,Penang=Penang

Bob

Thanks!!!! Bob its working, can i ask you if it is possible to have more menu's following this one? so the following wil hotels in Sanur

i have try it myself but.....????

Bob,
This way a multiple dropdown systems would not work when JQuery is loaded in a website.

Could be correvted with a plug-in ( JQuery-System) and in the plus-in you can exclude the page of the form.

I would rather prefer to work with hidden (select)fields, with JS scripts

Hi Ria58,

It is possible to build a triple drop-down which would show country->resort->hotel but it is quite a bit more complicated than this as there isn't a built-in action in ChronoForms to do it.

Bob

Hi SPABO,

I'm sorry but I don't understand the point that you are making? This will work OK with jQuery on the site provided that it is properly put into noConflict mode; no jQuery plug-ins are required.

Bob

Sorry, I mean, when a site uses a component which needs JQuery to be loaded, this dyn.dropdown does not work properly.
In this scenario, you can solve it with a JQuery-System plug-in, in which you can exclude pages.
Best rgds
K