Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
JavaScript / DOM / AJAX: Resize of rows and columns of HTML table using Javascript
Bottom of Page1 to 5 of 5
-
- CommentAuthorvkarthikeyan
- CommentTimeSep 24th 2008
i created a table with 5 rows and columns i want to resize the rows and columns dynamically . for eg: i want the resize icon on the border of the every rows and columns and i want to start resize that according to my wish -
I'm not really sure I'm understanding this right. Could you be more specific.Thankful People: vkarthikeyan
-
- CommentAuthorvkarthikeyan
- CommentTimeSep 25th 2008
janeck i created table with html, i want to resize every rows and columns, like windows resizing i want to resize the rows , at every cells in the rows and columns i want the resize mouse symbol,(e-resize) then i want to drag into horizontal, these all r comes under onmousedown event then onmouseup i want to fix the width of the cell. can u please help me on this, -
OIC, what I would do is create 3 divs
|a tag| <div></div> |a tag|
on the a tag have it like 3-4 px wide and when you mouse over to have the mouse resize image.
then add it the code.
e.g
on mousedown function - like get coordinates of where the mouse cursor is and define a variable x = 0
on mousedrag (or something) - get the coordinates of the mouse cursor and get the difference to the X from the previous event to this event then add it to the X
then get the current width of the <div> and add X to it.
on mouse release stop the function. Now I'm not sure of your coding skills but you prboably might have to do some homework and google up some stuff like how to find the x of the cursor or what the exact wording is on mouse drag.
Unless of course you expect the full code for it, in which case it might take too much time to do the research and debugging into it, that's where you come in :)
There might even be something out there that you can modify, so that's another option. ( for example I know i saw some tutorials of where you drag a button and it gives you some coordinates, you could modify that)
Hope that helps! -
- CommentAuthorvkarthikeyan
- CommentTimeSep 26th 2008
thanks janeck it will surely helps me
1 to 5 of 5