Build a Website

Ukończone Opublikowano Mar 20, 2016 Płatność przy odbiorze
Ukończone

The goal of the project is to create a special webpage where elements are added/removed/moved on the fly.

Main visual components:

* Left menu with data objects (LEVEL 1 objects: entity,view + LEVEL 2 objects: data input fields like integer, date, time, url, email ... [see attached picture for the complete list of input types])

* right panel with a 2 levels collapsible list where the left menu items will be added by drag'n drop or by clicking on the ">" button

*At the top of the panel we will have a form with a text input "Project Title" and a file upload input "Project logo" , plus a sutmit button that will later be used to post the whole project data.

=> For now, the submit button will just call a javascript function that will just show and "ok" alert and cancel the submit event.

* below we will have a 2 level collapsible list (so this is a list of list of data inputs)

Each element of the list will have a delete button (with a confirmation message before removing the element from the list) + UP and DOWN buttons that will allow to move up or down the element in the corresponding list

=> this means that a entity element (LEVEL 1) will move up or down only on the first level

and data input elements (LEVEL 2) will move up or down only Inside the LEVEL 1 parent

=> if possible it would be great to be able to also move the element by drag'n drop [not mandatory]

* when the user drops an element from the left menu to the right panel the element will be inserted at the corresponding LEVEL (1 or 2) depending on the element type

=> if the user drops a LEVEL 1 element on any other element , it will be inserted always after the end of the existing LEVEL 1 element

=> if the user drops a LEVEL 2 element on a LEVEL 1 element , then the LEVEL 2 element is added as the last child of the LEVEL 1 element

=> if the user drops a LEVEL 2 element on a LEVEL 2 element , then is it added just after the existing LEVEL2 element

* each LEVEL 2 element will contain different kind of data input fields

Example: an integer will have Minimum and maximum value input fields

a text field will have minimum and maximum length input fields, plus a checkbox "can be empty"

=> I will give the details for each field when we start the project

The webpage must be responsive and fully compatible with those browsers:
* safari browser for iOS 8 or later
* Firefox (last version)
* Google chrome (last version)
* Internet explorer 11
* Microsoft Edge

If possible, use only jQuery and jQuery for mobile Libraries

CSS HTML jQuery / Prototype PHP Projektowanie stron www

Numer ID Projektu: #9998760

O projekcie

10 ofert Zdalny projekt Aktywny Mar 25, 2016

Przyznany użytkownikowi:

lesiukstanislav

Hello. I am a web-developer and I'm interested in your project. PORTFOLIO could be found at our team website : [login to view URL] My skills are HTML/CSS, Bootsrap, WordPress, Javascript with jQuery, AJAX, PHP and MYSQL Więcej

€5 EUR / godzina
(29 ocen)
4.2

10 freelancerów złożyło ofertę na średnią kwotę €8/godzinę w tym projekcie

mahesharchi

Hi I have gone through the details of your project and we find it well within our capabilities. I can create and deliver the project as per the information.I have skilled,expert programmers I'm very excited to assi Więcej

€7 EUR / godzina
(56 Oceny)
5.7
parthoroyeee

Hello SIR, Take my best wishes for you. I just have taken a look at your project requirements and I want to inform you that I'm very much interested to get the opportunity of working in your project. I have prett Więcej

€3 EUR / godzina
(1 Ocena)
1.3