Develop html5 based page with 3 separate containers - 13/12/2017 12:10 EST

Chiuso Pubblicato 6 anni fa Pagato alla consegna
Chiuso Pagato alla consegna

Javascript based HTML5 page, no special libraries.

Need simple area with 3 containers.

Initiate with all containers expanded. (See [login to view URL])

Three containers as follows:

Left container needs to be a functioning explorer

Both right and bottom/right containers are empty

Right container will be tab based and will open tabs as selected from explorer

All containers can be adjusted by dragging “channel” separating them, which would increase/decrease area and decrease/adjoining area. (See [login to view URL])

All containers need to have elevators to scroll to show full different parts of container

Minimize buttons will minimize container to a "ribbon" ([login to view URL])

Maximize button will take the full space, minimizing the area containers (See [login to view URL])

Restore button will open container without impacting whatever size the other containers are

————————————

For explorer container

Each element will have two icons

- for folder items, the first icon will be either a triangle pointing right or pointing down, depending on state of folder, the second icon will be a closed or open folder depending on state of folder

- for chart items, the first icon is a spacer icon, and the second icon is a simple icon.

(I should be able to specify what icons to put in all places)

Click on arrow once click to expand folder and changes arrow from pointing to the right to pointing down.

Click on text of folder two clicks to expand folder and changes arrow from pointing to the right to pointing down.

Double Click on Chart to open

If Open, activate tab for that selected item

Hover over tab text shows entire path (No image)

Explorer container is populated with Ajax calls that will return json as follows:

example 1 Uri: http://domain/api/map/explorer?path=

{“”:[

{“name”:”amcolumn”,”type”:”folder”},

{“name”:”amline”,”type”:”folder”}

]

}

example 2 Uri: http://domain/api/map/explorer?path=amline

{“amline”:[

{“name”:”amcolumn”,”type”:”folder”},

{“name”:”amline”,”type”:”folder”},

{“name”:”ampie”,”type”:”folder”},

{“name”:”amxy”,”type”:”folder”},

{“name”:”amxy”,”type”:”folder”},

{“name”:”amcolumn”,”type”:”folder”},

{“name”:”amline”,”type”:”folder”},

{“name”:”ampie”,”type”:”folder”},

{“name”:”amxy”,”type”:”folder”},

{“name”:”amxy”,”type”:”folder”},

{“name”:”amcolumn”,”type”:”folder”},

{“name”:”amline”,”type”:”folder”},

{“name”:”Chart 9”,”type”:”folder”}

]

example 3 Uri: http://domain/api/map/explorer?path=amline|amxy|pdci|amchart

{“amline|amxy|pdci|amchart”:[

{“name”:”amcolumn”,”type”:”folder”},

{“name”:”amline”,”type”:”folder”},

{“name”:”amxy”,”type”:”folder”},

{“name”:”amxy”,”type”:”folder”},

{“name”:”Chart”,”type”:”folder”}

{“name”:”Chart 2”,”type”:”folder”}

{“name”:”Chart 3”,”type”:”folder”}

{“name”:”Chart 4”,”type”:”folder”}

{“name”:”Chart 5”,”type”:”folder”}

{“name”:”Chart 6”,”type”:”folder”}

{“name”:”Chart 7”,”type”:”folder”}

]

}

——————————

For second container will contain tabs for opened items:

When Too Many open tabs an >> icon is added a counter is kept of items not visible

(see [login to view URL])

When Too Many tabs open and >> icons clicked, dropdown appears (See [login to view URL])

——————————

Must be responsive (I should be able to view this through a mobile device)

AJAX HTML5 JavaScript JSON

Rif. progetto: #15867066

Info sul progetto

42 proposte Progetto a distanza Attivo 6 anni fa

42 freelance hanno fatto un'offerta media di $468 per questo lavoro

shivmirthyusl

Hi There, Thank you for the opportunity. You are looking to develop a Javascript based HTML5 page, no special libraries and there are a simple area with 3 containers. Relevant Skills and Experience We have 10+ Yrs of Altro

$444 USD in 10 giorni
(49 valutazioni)
7.5
tranngocanh1702

I am able to develop HTML5 with 3 separate containers for those charts using Bootstrap element to make it mobile friendly. I am ready to start now. Relevant Skills and Experience I am Anna with more than 5 years exper Altro

$750 USD in 21 giorni
(47 valutazioni)
6.9
salienttemplates

Hello, We are experts in HTML,CSS,Boostrap,Jquery,Javascript,core Php, Magento, WordPress, Codeigniter, and many other open source framework Thanks Relevant Skills and Experience Hello, We are experts in HTML,CSS,Boos Altro

$250 USD in 5 giorni
(147 valutazioni)
7.1
rightbigboss

Hello. Nice to meet you. I have just read your requirements and it is very clear to me. I have rich experience in this area and I can give you perfect result as you want. Relevant Skills and Experience Please let us h Altro

$500 USD in 10 giorni
(40 valutazioni)
6.5
Chtioui86

Hi I am expert web developer I can do your changes fast and in a professional way. No payment until I finish your work. Price and Time will depend on the full details and changes Thanks Relevant Skills and Experience Altro

$700 USD in 10 giorni
(55 valutazioni)
6.2
zahidsaeed96

Hi there! Allow me to complete this task. Please ping me so we can discuss more and I can start off my work right away :-) Relevant Skills and Experience Javascript, HTML, CSS Proposed Milestones $250 USD - Default

$250 USD in 1 giorno
(57 valutazioni)
5.9
pointlogic

Hello, I always provide fastest results with quality,I have done more than 300 projects here..I have an experience of more than 10 years in web development and maintenance. Relevant Skills and Experience I have in-dep Altro

$500 USD in 10 giorni
(51 valutazioni)
6.7
babitabubu

Sure thing can do it for you. I'm ready to start work now. Relevant Skills and Experience AJAX, HTML5, Javascript Proposed Milestones $750 USD - 750

$750 USD in 10 giorni
(79 valutazioni)
6.0
symaticssolution

I would like to complete this project because I am expert PHP developer and very much experienced in similar tasks. Relevant Skills and Experience As there are details about the projects you going to use me in, so he Altro

$388 USD in 10 giorni
(30 valutazioni)
6.1
aimych1

hi. luisliranza. I read all details and code. i can build it easily. i am strong in my field html.css.bootstrap. have 8 years experience. Relevant Skills and Experience html.css.bootstrap. Proposed Milestones $250 U Altro

$250 USD in 3 giorni
(39 valutazioni)
5.7
olasheni

Hey, I'm interested in your project. Please send me a message so that we can discuss more. Relevant Skills and Experience HTML CSS JavaScript Chrome Extension Dev. PHP XML Integration Web Scraping Bot Imitation jQuery Altro

$555 USD in 10 giorni
(39 valutazioni)
5.1
vikrant12112

Hello, I am Vikrant, full time freelancer . After reviewing your project, I’d love to discuss in more detail with you to ultimately understand your needs more. Relevant Skills and Experience I have more than 3 years Altro

$300 USD in 6 giorni
(59 valutazioni)
5.2
rainstreamweb

Dear Client, This is not fake or copy/pasted bid. I read your requirements. I am interested for this job. I would like to chat more about project scope when you have time. Best Regards, Mehul Javia Relevant Skills a Altro

$555 USD in 10 giorni
(8 valutazioni)
4.6
AbubakarHashmi

Hello, i have read your job description and fully understand your requirements. It looks like I’ll be the perfect candidate for this job because I have hands on experience in this field. Relevant Skills and Experien Altro

$250 USD in 10 giorni
(13 valutazioni)
4.6
appdevelopr

I have a few questions regarding your brief, can you please inbox me so that we discuss them? Relevant Skills and Experience I am a professional UI/UX expert and have worked on several frontend web projects Proposed Altro

$300 USD in 10 giorni
(5 valutazioni)
4.7
quickleadsindia

Hi, we have developed more than 150 projects, which are well appreciated by our global clients. Interested to connect with you to discuss your requirement in more detail. Regards. Relevant Skills and Experience HTM Altro

$500 USD in 20 giorni
(6 valutazioni)
3.7
ideacompleter

As I see it, you want a tree view, tab view and panel view (which other languages implement as standard controls) implemented in JavaScript and HTML. I can certainly do that for you. Relevant Skills and Experience I'v Altro

$400 USD in 10 giorni
(1 Recensione)
2.4
tsebro

Hello! I am interested in your project. I and my team can develop html5 based page with 3 separate containers. We have 18 years of experience in web development Relevant Skills and Experience senior php(Zend, Symfony) Altro

$363 USD in 10 giorni
(1 Recensione)
2.0
justmathsz

Its not super complicated and should be easily done in less than 7 days. Relevant Skills and Experience Javascript, Jquery, AJAX Proposed Milestones $277 USD - Complete deliveribles Additional Services Offered $1 US Altro

$277 USD in 7 giorni
(1 Recensione)
1.2
QasimGulzar

A proposal has not yet been provided

$333 USD in 14 giorni
(1 Recensione)
0.8