Devam Ediyor

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

Beceriler: Javascript, Web Sitesi Tasarımı

Daha fazlasını görün: javascript auto search, autocomplete search function, javascript autocomplete dropdown, javascript form completer, website design phone cases, design website technical functionality, state auto, search design, phone case design website, numbers function, number function, no complete, name validation javascript, match list, matches list, list matches, has attached, function numbers, function number, design phone case website, create website javascript, create gmail website, be smith, auto website design, autocomplete dynamically generated field

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

Proje NO: #13646

Seçilen:

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

2 gün içinde 90$ USD
(1 Değerlendirme)
2.6

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

siddhartha1

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

in 12 gün içinde100$ USD
(30 Değerlendirme)
7.4
ranganathp

Consider IT Done!

in 5 gün içinde75$ USD
(25 Değerlendirme)
5.9
jimkey

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

in 3 gün içinde30$ USD
(2 Değerlendirme)
3.0
Kamal83

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

in 6 gün içinde50$ USD
(0 Değerlendirme)
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 Daha fazlası

in 5 gün içinde90$ USD
(0 Değerlendirme)
0.0
bid3

we could do it.

in 5 gün içinde100$ USD
(0 Değerlendirme)
0.0
Adarshgarg

we are at sonet microsystems can develop any kind of project for u for our details please visit http://www.sonetmicrosystems.com and send us ur project details for further conv. thank u Adarsh Garg Sonet Micro Daha fazlası

in 10 gün içinde70$ USD
(0 Değerlendirme)
0.0
temz

Hi I have more than 5+ years exp in web/application development.and i am ready to do this.The same data can be kept in XML and read using DOM. I would like to discuss more about you.Please let me know when you ca Daha fazlası

in 3 gün içinde100$ USD
(0 Değerlendirme)
0.0
dantus

Please check the link http://www.i2v.net/auto/autodrop.html You can contact me if you are looking for this, or same with some modification.

in 0 gün içinde50$ USD
(0 Değerlendirme)
0.0
anshumesh

We are Web development,Search Engine Optimisation and BPO company from India . Kindly go through our url http://www.infiniteoutsourcing.com/ . We have understood your requirement and can execute your project. Thanks. Daha fazlası

in 20 gün içinde100$ USD
(0 Değerlendirme)
0.0
fluentcoder

Thank you for the opportunity to bid on your project.

in 14 gün içinde100$ USD
(0 Değerlendirme)
0.0