Develop html5 based page with 3 separate containers - 13/12/2017 12:10 EST
$250-750 USD
Paid on delivery
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)
Project ID: #15867066
About the project
42 freelancers are bidding on average $468 for this job
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 More
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 More
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 More
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 More
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
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 More
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
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 More
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 More
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 More
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 More
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 More
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 More
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 More
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 More
