close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Getting Started With Dropdowns

Thread began 8/07/2011 5:12 am by A Sound Design | Last modified 8/08/2011 9:29 am by Jason Byrnes | 1295 views | 1 replies |

A Sound Design

Getting Started With Dropdowns

I need to set up a search form for an online directory that will allow a user to search for a service from a particular county ('state' in usa) located in a particular country.

For example,

Find all Photographers (service) from Kent (county) in England (country).

I would like it so that I could use the Dynamic Dropdowns extension so that in the 1st dropdown it has Services, the 2nd has the countries England, Scotland, Ireland and Wales. Once, for example, England is selected only the English counties are displayed in the 3rd dropdown, eg. Kent, London, Essex etc.

Does this mean I need 3 MySQL tables - Services, Countries and Counties??

From this, where and how are the results displayed? I'd like to be able to display them on the same page rather than a new search results page as such.

A bit new to this as I have not used Dynamic Dropdowns yet.

Sign in to reply to this post

Jason ByrnesWebAssist

  Does this mean I need 3 MySQL tables - Services, Countries and Counties  



not necessarily, but you do need some way to relate the data.


this could be done using one table, and three different recordsets depending on how the table is set up

you would need a service type column, a country column and a county/state column:

services:
serviceID - primary key, auto increment
serviceName - varchar, name of service
serviceType - varchar, type of service (Example: Photographer)
serviceCountry - varchar, service country (Example: England)
serviceCounty - varchar, service county (Example: Kent)

dynamic dropdowns works by creating a recordset that creates a parent / child relationship between for your data.

to populate the list full of services, you would create a rsService recordset as:
SELECT DISTINCT serviceType FROM services

now create the services select list on the page, in the properties inspector, click the dynamic button.

set an initial static option using "Select a Service" as the label and leave the value blank.


in the options from recordset section, select the rsService recordset and use the serviceType column for both the label and value.

Now create a rsCountries recordset as:

SELECT serviceType, serviceCountry FROM services GROUP BY serviceCountry

then create a rsCounties recordset as
SELECT serviceCountry, serviceCounty FROM services GROUP BY serviceCounty

next add the countries select list to you page, in the property inspector, click the List values button and add a default "Select a country" option with a blank value.

then add the counties select list to you page, in the property inspector, click the List values button and add a default "Select a county" option with a blank value.


At this point you have the basic starting point for adding the dynamic drop down behaviors which will populate the Country and County lists based on the select made.

first, we need to create the dynamic arrays.

go to Insert -> WebAssist -> Dynamic Dropdowns -> Create Dynamic Array

Select the rsCountries recordset.
Set the Parent ID to serviceType
set the Child ID to serviceCountry
set the Child Label to serviceCountry

this will create an array of available countries for each service type.


add a second dynamic array, go to Insert -> WebAssist -> Dynamic Dropdowns -> Create Dynamic Array

Select the rsCounties recordset.
Set the Parent ID to serviceCountry
set the Child ID to serviceCounty
set the Child Label to serviceCounty

this will create an array of available counties for the selected country.


now we need to use these dynamic arrays on the onChange event of the select lists.

go to Window - > Behaivors (Not to be confused with server behaviors) to open the behaviors panel.

we want to populate the countries when a service is selected:

in design view, select the Services select list, in the behaviors panel click the plus button and select WA Dynamic Dropdowns -> Populate List From Array.

set array source to rsCountries
set the source list to the services list
set the target list to the countries list
set leave top to 1


Now we want to populate the counties list when a country is selected:
in design view, select the Countries select list. in the behaviors panel click the plus button and select WA Dynamic Dropdowns -> Populate List From Array.

set array source to rsCounties
set the source list to the countries list
set the target list to the counties list
set leave top to 1


  From this, where and how are the results displayed? I'd like to be able to display them on the same page rather than a new search results page as such.  




you would use data assist search to create the search and results pages, dynamic dropdowns would be added to the data assist search page.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...