In Progress

Easy Website Programming - One View, Lightbox and Backend - xhtml/css already done

Please have a look at the attached screenshots for the index page, the lightbox view and the backend views!

We deliver the whole page already programmed in xhtml/css.

///Frontend:

Top menu (header)

Menu links to static pages.

Index view

Every single added “Champion” from the backend needs to be shown.

Search

Search the “Champion” entries with autocomplete function – on click or enter open a lightbox and show particular content in it. (AJAX/JQUERY)

Alphabetic enumeration

Should sort the “Champions” beneath by the selected letter. Sort “Champions” with their icons beneath in alphabetic order. (AJAX/JQUERY)

Champions” should be linked with the associated content that pops up in a lightbox.

Lightbox (detail view)

The lightbox shows the associated content of every single “Champion”. It pops up by clicking on an entry at the index page or using the search function. (You can integrate e.g. “lightbox2” with some custom changes.)

On the top left side is the representation of the picture and the associated name.

In the lightbox view need to be shown up to nine different “Champions” in the middle content area.

Vote function: The “Champions” can get voted up and down. Every vote gets counted and is displayed on the equivalent positive or negative button. The “Champions” get sorted decreasing from the “Champion” with the highest rating to the one with the lowest. The vote function needs a block function to avoid spamming. Filtered by IP or Cookie.

A function add a new “Counter” from a list at the upper right corner. In the list there are the identical “Champions” like shown on the index page. If a new “Counter” is picked by a user it needs to be confirmed by an administrator in the backend. The administrator then can activate the new proposal. We need to get a notice via email about that.

“Counter Items” that only appear in the lightbox. Show up to 4 Items. (look at the backend section.)

“Counter Mechanik” is a text box that shows up to 4 tags entered in the backend. (look at the backend section.)

“Counter Taktik” is a text box that shows a floating text which is entered in the backend. (look at the backend section.)

///Backend:

The backend should be opened by a mySQL based login option.

All entries should be stored in a mySQL database.

There are five different forms that can be accessed in the back end with the following described functions:

Add “Champion” (Name and Icon) with picture upload

Description field: enter Name of the “Champion”

Upload Button: upload icon/picture of the “Champion”

(The added champions shall be shown on the index site like described in the frontend section.)

Add “Counter”: two dropdown menus and one submit button

First dropdown: select “Champion” that gets countered

Second dropdown: select “Counter”

Submit Button (This process must be repeatable to add several “Counters”)

Add “Counter Item”

First dropdown: select “Champion” that gets countered by the item

Upload Button: upload icon/picture of the “Counter Item”

Description field: enter Name of the “Counter Item” (is only visibly at the frontend by mouse over!)

Submit Button

(This process must be repeatable to add several “Counter Items”)

Add “Counter Mechanik”

First dropdown: select “Champion” that gets countered by the “Counter Mechanik”

Description field: enter descriptions of “Counter Mechaniks” that get separated by semicolons (e.g.: high burst; long range;…)

Submit Button

(The descriptions should appear at the frontend as a list in the “Counter Mechanik” Box. Like shown on the screenshot showing the lightbox (detail view))

Add “Counter Taktik”

First dropdown: select “Champion” that gets countered by the “Counter Taktik”

Description field: enter description of the “Counter Taktik”

Submit Button

(The description should appear at the frontend as floating text in the “Counter Taktik” Box. Like shown on the screenshot showing the lightbox (detail view))

Skills: AJAX, HTML, Javascript, jQuery / Prototype, PHP

See more: css already done, website user database programming, we are you champions, we are all champions, top programming, top down programming, static programming, programming via php, programming process, programming icons, programming icon, programming functions, programming function, php xhtml css, php mysql website programming, php autocomplete, notice letter, lowest range, login button icon, letter of notice, if then programming, highest rating, gets in c programming, gets c programming, functions programming

About the Employer:
( 1 review ) Munich, Germany

Project ID: #2577614

Awarded to:

shootdweb

Hello i have just checked your requirement and gone threw the attached jpg files. Kindly see your PM for more details.

€150 EUR in 3 days
(23 Reviews)
4.2

10 freelancers are bidding on average €154 for this job

gopalvora

ready to start Thanks

€190 EUR in 6 days
(171 Reviews)
6.9
cygital

I read the details and understand what is to be done. I am ready to start immediately and provide a high-quality work.

€250 EUR in 17 days
(35 Reviews)
6.0
WikiSolutions

Please check PMB for details, Thanks.

€199 EUR in 10 days
(29 Reviews)
4.7
alrazon

Read your details and interested to work, thanks.

€250 EUR in 20 days
(31 Reviews)
4.6
soulaimaneh

+5 years of experience in PHP development and testing :) I can code the app for you in no time. Let me know if you need my services ;)

€250 EUR in 15 days
(4 Reviews)
3.8
stefan2012

[url removed, login to view] to start [url removed, login to view],Stefan.

€180 EUR in 7 days
(7 Reviews)
3.0
ITManiac

Hello Sir, I am interested to work on this project. I am highly professional in JQuery.

€60 EUR in 3 days
(1 Review)
1.4
goodwin2644

I'm a Web-developer expert on PHP,Codeigniter,MySql,HTML,CSS,Javascrit,jQuery,Ajax,Facebook Api,Oscommerece,Sugar CRM etc. Hardwork using my skills and Honesty is the key way of my life. please check your PMB.. t More

€100 EUR in 4 days
(1 Review)
1.2
sandeepvaghela4u

Hello sir, I have read your details, and ready to start work. Thanks.

€110 EUR in 10 days
(0 Reviews)
0.0
cdadalau

Hi, I can do that project easily. I have worked on similar projects and i can do it on short time. Please check my portfolio. If you have question feel free to ask

€50 EUR in 3 days
(0 Reviews)
0.0