Em Andamento

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

Habilidades: Javascript, Design de Sites

Ver mais: 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

Acerca do Empregador:
( 0 comentários ) Melbourne, Australia

ID do Projeto: #13646

Premiar a:

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

$90 USD em 2 dias
(1 Comentário)
2.6

12 freelancers estão ofertando em média $80 para este trabalho

siddhartha1

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

$100 USD in 12 dias
(30 Comentários)
7.4
ranganathp

Consider IT Done!

$75 USD in 5 dias
(25 Comentários)
5.9
jimkey

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

$30 USD in 3 dias
(2 Comentários)
3.0
Kamal83

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

$50 USD in 6 dias
(0 Comentários)
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 Mais

$90 USD in 5 dias
(0 Comentários)
0.0
bid3

we could do it.

$100 USD in 5 dias
(0 Comentários)
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 Mais

$70 USD in 10 dias
(0 Comentários)
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 Mais

$100 USD in 3 dias
(0 Comentários)
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.

$50 USD in 0 dias
(0 Comentários)
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. Mais

$100 USD in 20 dias
(0 Comentários)
0.0
fluentcoder

Thank you for the opportunity to bid on your project.

$100 USD in 14 dias
(0 Comentários)
0.0