Win a copy of The Java Performance Companion this week in the Performance forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

HTML Division

 
Mani Natrajan
Greenhorn
Posts: 12
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi,
I have a html page which has two divisions(left and right). I want the division to be resizeable.
I should be able to increase the width of each of the divisions using a mouse (It should work like a split pane in java swing).
Is it possible to acheive this in html?

Thanks in advance.

Mani Natarajan
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64982
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Mani Natrajan wrote:Is it possible to acheive this in html?

No.

But is is achievable with the combination of HTML, JavaScript and CSS.
 
Mani Natrajan
Greenhorn
Posts: 12
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Thanks for the response.
Can you please let me know how it is achieved using javascript,css and html?

Mani Natarajan
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64982
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Create an element between the two divs that can detect a mouse click and drag. When the mouse is released, use the information in the Event instance about the mouse location to determine how to resize the divs.
 
Mani Natrajan
Greenhorn
Posts: 12
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Thanks.I will give it a try.

Mani Natarajan
 
David Newton
Author
Rancher
Posts: 12617
IntelliJ IDE Ruby
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Better idea: use a JavaScript widget/library that has already implemented this.
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64982
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
For example: jQuery UI Resizables.
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic