Devam Ediyor

Ajax web page

I need a simple webpage that does the following.

Further information is attached in the zip file.

Part 1 is of the challenge is what I need to get done.

Create a file '[url removed, login to view]' that contains:

A single-line text input field named "input"

A submit button

An empty labeled "Matches:"

Your solution may also use additional files (images, JavaScript, CSS, etc.), but all assets used in the solution must have been created by you (see exception below). This question is designed to test programming ability, not design skills, but feel free to apply useful styling to your solution. Your HTML should pass the validation tests at [url removed, login to view]

In addition to the files you create, you may include and use the latest version of jQuery from this url: [url removed, login to view] You may not use any other 3rd party plugins or libraries.

The application 'AlpcServer' provided as part of this challenge implements a simple word-completer. Assuming that this application is running on your local machine at port 8080, when the URL

http://localhost:8080/words/a

is accessed, the server will return a list of words it knows starting with that letter and report HTTP status of 200 (OK). Accessing /words/ac will return a list of words beginning with the stem 'ac', and so on. If the word stem parameter is missing or if the server knows no words beginning with that stem, the server will return an HTTP status of 204 (No content), and no data.

The edit field on the [url removed, login to view] file must operate in two different modes:

Normal Mode operates as a plain edit field; when the control has focus, characters typed are displayed in the control. If the user presses '^' as the first thing in the edit box or after whitespace, the control switches into autocomplete mode. The '^' character that switches your page into autocomplete mode should not be displayed in the edit field.

Autocomplete Mode captures input from the keyboard and queries the AlpcServer for words starting with letters typed after entering autocomplete mode. For each character typed in autocomplete mode, the following should happen:

The server should be queried asynchronously for matching words

If one or more matches are returned, the 'Matches' div should be populated with the results, one entry per line, and the edit field should be updated to include the best match (the first match in the list returned from the server) so far.

If the user presses the backspace key while in autocomplete mode, your web page should re-display the matches that result from the shorter stem, or if the user backspaces past the first letter entered in autocomplete mode, should return to normal mode. Users should be able to switch between Normal and Autocomplete modes to enter multiple words in the edit field.

Autocomplete mode is exited when the user does any of these:

enters text that results in zero matches being returned

hits the Tab key, which accepts the current best match from the completer, completing the word in the edit box

clicks on one of the words displayed in the 'Matches' div, completing the word in the edit box

presses space bar

presses the Submit button

backspaces past the point where autocomplete mode was triggered

When Autocomplete mode is exited, any contents in the 'Matches' div are removed.

Beceriler: AJAX, Javascript, jQuery / Prototype

Daha fazlasını görün: you may not need jquery, whitespace in web design, which application must i use to design a webpage, what is web page design, what is data entry test, web page design with html and css, web page design part 1, web page design html css, web page design free, web page data entry, web page create in html, web page button design, web page best design, web design challenge, web design beginning, w3 validation, w3 programming, stem programming, starting web programming, programming ability test, page web css free, on line data entry test, latest version of jquery, keyboard skills data entry, jquery libraries

İşveren Hakkında:
( 1 değerlendirme ) San Diego, United States

Proje NO: #4405894

Seçilen:

ViDeDe

Check PM, please

1 gün içinde 70$ USD
(4 Değerlendirme)
2.9

8 freelancer bu iş için ortalamada 203$ teklif veriyor

phpthebest

Hi, I can start now.

in 3 gün içinde300$ USD
(30 Değerlendirme)
4.8
scriptphp87

Hello Please read more than private message thank you

1 gün içinde 103$ USD
(13 Değerlendirme)
4.7
kikhan

Experieced web-developer here. Please see my PM

in 3 gün içinde199$ USD
(6 Değerlendirme)
4.3
VPOWERRC

Hi, I'm a a good experience in javascript, jquery and specially ajax. I'm also familiar with python scripting and I already making a demo for your project in my pc. contact me if you are interested I'm a young e Daha fazlası

in 2 gün içinde200$ USD
(8 Değerlendirme)
4.1
Champian

Let Champian handle this for you.

in 8 gün içinde249$ USD
(6 Değerlendirme)
3.5
PheonixChoe

No problem,sir. I am willing to do this job and have confidence Please contact me...thanks so much

in 5 gün içinde100$ USD
(2 Değerlendirme)
2.4
codeware1

Hello , Hope you are well and doing good!!! we are eager to work with [url removed, login to view] are ready to start the project right away. Codeware is a website development company providing professional website design, website developme Daha fazlası

in 5 gün içinde90$ USD
(2 Değerlendirme)
3.1
seomaster212

Hi i am ready to start work kindly check pm Thanks.

in 10 gün içinde300$ USD
(1 Değerlendirme)
1.2
Raim1011

Hi I am ready to start.

in 5 gün içinde150$ USD
(1 Değerlendirme)
1.4
atul221282

Hi, I can easily help you out. I can use MVC, CSS3 and JQueryUI to easily develop web page according to the requirements. Regards, Atul

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