In Progress

Javascript Form with Auto-complete Search Function

Overview:

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).

Compétences : Javascript, Design de site internet

en voir plus : 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

Concernant l'employeur :
( 0 commentaires ) Melbourne, Australia

Nº du projet : #13646

Décerné à:

paul77

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_sum_sub_7% %project_currencyDetails_sign_sub_8% USD en 2 jours
(1 Évaluation)
2.6

12 freelance font une offre moyenne de $80 pour ce travail

siddhartha1

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

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 12 jours
(30 Commentaires)
7.4
ranganathp

Consider IT Done!

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 5 jours
(25 Commentaires)
5.9
jimkey

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

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(2 Commentaires)
3.0
Kamal83

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

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 6 jours
(0 Commentaires)
1.6
devilsoft

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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 5 jours
(0 Commentaires)
0.0
bid3

we could do it.

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 5 jours
(0 Commentaires)
0.0
Adarshgarg

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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 10 jours
(0 Commentaires)
0.0
temz

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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(0 Commentaires)
0.0
dantus

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

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 0 jours
(0 Commentaires)
0.0
anshumesh

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. Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 20 jours
(0 Commentaires)
0.0
fluentcoder

Thank you for the opportunity to bid on your project.

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 14 jours
(0 Commentaires)
0.0