Devam Ediyor

Javascript Form with Auto-complete Search Function


To create a dynamic text field form that will search through an array of names and corresponding mobile numbers and display any partial matches in a drop-down list. Upon selecting an item from the list it will auto-complete the partially typed entry. The field will allow for multiple entries and can auto-complete for each additional entry. The functionality is similar to Google's Gmail or Yahoo Mail's compose fields.

Only a HTML form with one text field, it’s functionality and simple UI of the drop-down field is to be designed.

Case Functionality

There will be two case functionalities for this form field.

Case 1: The normal functionality will allow the user to choose items from the drop-down list as well as manually inputting other phone numbers into the field.

Case 2: A special case where only the items from the drop-down list can be selected. The user cannot input any name or number that does not match what is available from the drop-down list.

The functionality for both cases can be either be in separate scripts or a combined script.

Technical Specifications:

Names and mobile phone values will be stored within a Javascript array. No additional server functions are needed as this array will be dynamically generated.

The items in the drop-down list can be selected by either by the choosing the item with a click of the mouse or by using the Up/Down arrow keys and pressing Enter/Return.

The search field will allow for multiple entries and searches for each entry.

Once the name/number has been selected, it will auto-complete the text field. The auto-completion will separate each entry with a comma and a space. (ie. David Smith , Janet Smith )

If the user moves the focus away from the field, any additional trailing commas will be removed.

No validation is needed as it will be handled server-side.

The script is to be coded in Javascript and will need be to cross-browser compatible. IE 5+ (PC only), Mozilla, ad Firefox.

UI Design:

The design of the drop-down should be designed with XHTML/CSS and allow for background-color and font formatting within the CSS. Only simple highlighting of the partially matched text and mouse over state needs to designed (See attached example).

Beceriler: Javascript, Web Sitesi Tasarımı

Daha fazlasını gör: javascript auto search, autocomplete search function, javascript search suggest separate field, javascript autocomplete dropdown, javascript form completer, website to design phone cases, the be design for website from technical functionality, state auto, search ui design, phone case design website, numbers function, number function, no complete, name validation in javascript, match list, matches list, list matches, html 5 font color, has attached, function of numbers

İşveren Hakkında:
( 0 değerlendirme ) Melbourne, Australia

Proje NO: #13646



Hello, I have over 10+ experience in programming, over 5 of these with web development techonlogies that include JavaScript. If you want someone quick, and easy to communicate with, let me know! Take care, Paul

%selectedBids___i_period_sub_7% gün içinde 90%project_currencyDetails_sign_sub_9% %project_currencyDetails_code_sub_10%
(1 Yorum)

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


Dear sir, we can provide you the solution to your requirement, pls contact us via pm,thanx

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

Consider IT Done!

in %bids___i_period_sub_35% gün içinde75%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(25 Değerlendirme)

Ready to take this job. Contact via PMB/ICQ/MIRANDA

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

Have worked in Javascript for 2 years. can complete it within time

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

We offer an outstanding technological value, while at the same time providing a high degree of quality industry-specific design services at very competitive prices. At Devil Soft we emphasize continuous innovation, use 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)

we could 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)

we are at sonet microsystems can develop any kind of project for u for our details please visit [login to view URL] and send us ur project details for further conv. thank u Adarsh Garg Sonet Micro Daha Fazla

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

Hi I have more than 5+ years exp in web/application [login to view URL] i am ready to do [login to view URL] same data can be kept in XML and read using DOM. I would like to discuss more about [login to view URL] let me know when you ca Daha Fazla

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

Please check the link [login to view URL] You can contact me if you are looking for this, or same with some modification.

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

We are Web development,Search Engine Optimisation and BPO company from India . Kindly go through our url [login to view URL] . We have understood your requirement and can execute your project. Thanks. Daha Fazla

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

Thank you for the opportunity to bid on your project.

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