For this project, you will be creating a simple Jquery display widget. The purpose of this widget is to feature different pieces of content. It is like a tab navigator, except each tab draws a line from the tab to the content.
The widget has two main parts.
1) On the left hand side are a series of small, rectangular boxes (the tabs). These boxes contain HTML.
2) On the right hand side is a display area
When you click on one of the small rectangular boxes:
1. An ajax call retrieves content specified by the box you clicked on
2. The content is loaded in the right hand display area
3. Color lines are drawn around the rectangular box and a specified content div.
4. A line is drawn connecting the rectangular box and the specified content div
Left hand side
1. Support any number of rectangles
2. CSS control of the look and feel of the rectangles
3. Asynchronous loading of content. NO PAGE REFRESH.
Right hand side
4. CSS control of the look and feel of the main display container (width, etc)
5. CSS control of the color of the lines drawn.
6. Ability to specify the color of the lines on a per-rectangle basis (different color for each rectangle)
7. Ability to specify the thickness of the lines
8. Ability to specify the gutter width between the rectangle and the content
Note on the Line:
Sometimes, there may be a lot of rectangles. This means that they will not always be able to draw the connecting line straight across to the content div. But the connecting line needs to be able to connect to the specified content div regardless of this. To do this, it should create a connection using 90 degree angles.
An example of this is included in the image provided. However, ONLY ONE LINE WILL BE RENDERED AT A TIME. The example is just to show you what the line should look like when rendered if it cannot be drawn directly across. The lines must NOT use angles to connect.
Thank you for your interest, we look forward to working with you.
10 freelancers are bidding on average $308 for this job
Sir we are too people one is designer and one developer it will be please for us to complete your project, Our expertise in the design side are css html jquery ajax xml and json and some desgn softwares.Thanks