JavaScript Form Design with AutoComplete function


I need a one page simple form designed in HTML/_JavaScript that has an AutoComplete Function similar to Yahoo's email addr. AutoComplete Function. If you have used yahoo email with AutoComplete enabled, you should know what it is. Here is a description of yahoo's AutoComplete.

"Yahoo! Address AutoComplete helps you to quickly add contacts from your Yahoo! Address Book to the Yahoo! Mail messages you compose by suggesting matches as you type. No download is required; _JavaScript is used to download your Yahoo! Address Book contents to your browser. "

So essentially, you'll design a HTML form that takes a JavaScript variable (an array or vector) that has a list of name/id/phone based on which you'll perform autoComplete.

Thus when a user is trying his input in the fields that are AutoComplete enabled, he'll have a dynamically droped down menu in the typed fields that help him automatically complete typing. The drop-down menu contains all possible matches based on the typed-letters. The user can make a selection from the menu and complete the input.

Here is the requirement for the content of the form. The form will be linked with JSP later. You are not required to design server actions. Only UI and JavaScript. It needs to be tested (with a simulated/static input list before the work is accepted as complete.

1.1 Case 2: Make Appointment from Appointment Book

1.1.1 Interface Behaviors

Appointment book --> (select time slot) --> Appt form URL

--> Fill in Patient-Appointment form--> ”Save Appointment” button-->(Appt. shown on the Appointment Book)

1.1.2 Form Design

The selected time slot in long format (date and time) needs to be displayed on the top of the form so that the user knows what time slot they are booking.

Patient-Appointment form generated by time slot URL has the following fields;

· First name (auto_Complete)

· Last name (auto_Complete)

· Telephone number (auto_Complete)

· Appointment duration (drop down selection, 15/30/45 minute)

· Patient reason to visit (text).

· List of All appointments made by the same patient (none, when “Search Patient Appt.” button is enabled)

· “Cancel” button associated with each listed appointment

· Button “search” for searching patient appointment.

· Submit buttons for “Save Appointment”, (Disabled if patient ID and appt time are not selected)

· Button for “Reset” (clear form information)

· Button for “Need New Appointment” (disable if patient ID not present, move to appointment time slot selection)

Button “OK” (make the form window disappear).

Beceriler: Javascript, Web Sitesi Tasarımı

Daha fazlasını gör: javascript form design, java form designer, javascript form designer, javascript autocomplete, autocomplete javascript, form designer javascript, autocomplete javascript mysql, form designer, autocomplete design, form design javascript, autocomplete phone number javascript, javascript function appointment form, javascript appointment form, autocomplete form jsp, java form design, javascript autocomplete form, date time autocomplete javascript, website list design, website for vector design, website format design

İşveren Hakkında:
( 33 değerlendirme ) City, United States

Proje NO: #9002



I have already written such js function for my websites, so it will take 3-4 hours at most to create the form and adapt the js function.

1 gün içinde %selectedBids___i_sum_sub_4%%project_currencyDetails_sign_sub_5% USD
(1 Yorum)

Bu iş için 10 freelancer ortalamada $80 teklif veriyor


Dear sir, we know what ur requirement is, pls accept our bid and get ur work done as per ur requirement,thanx

in %bids___i_period_sub_35% gün içinde100%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(30 Değerlendirme)

Dear Friends. We got your idea. We can provide you EXACTLY WHAT YOU NEED!!! We had already developed a great number of successful projects and have all the required skills to complete yours, so you can be abolutely sur Daha Fazla

in %bids___i_period_sub_35% gün içinde100%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(9 Değerlendirme)

DeskAngels, I would like to offer my services. Please open discussion via PMB. Thanks Mark

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(18 Değerlendirme)

hi, I understood your requirments and can be done as per your specification. thanks and Regards, Ashish

in %bids___i_period_sub_35% gün içinde100%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(1 Yorum)

Easy deal. I have employed many javascripts on my clients forms . I can have it done in little time

in %bids___i_period_sub_35% gün içinde70%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(2 Değerlendirme)

The Web Artists as the name suggests is One of the leading Internet Presence Provider and Web Development company operating from IL, USA & India. We can undertake your given requirement with 100% satisfaction in the s Daha Fazla

in %bids___i_period_sub_35% gün içinde65%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(1 Yorum)

we can do it

in %bids___i_period_sub_35% gün içinde100%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)

please see pmb for details

in %bids___i_period_sub_35% gün içinde100%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)

Hello, I have wide area experience in open source technology like php/c++/linux/so files/fusebox AND WINDOW based ASP,COM,DCOM,MTS,VB,VC++,.NET,Flash Please forward me your mail ID so i can forward you project proposal Daha Fazla

in %bids___i_period_sub_35% gün içinde90%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)