resizable

Resizable table columns with bz code

由 瘦欲@ 提交于 2019-12-02 04:04:10
I've created a resizable table columns code by following bz's demo But when I create more than 30 columns, the code does not work. The table I'm creating is pretty simple: <table class="resizable" border="1"> <tr> <td name="col1" align="center">Column 1</td> <td name="col2" align="center">Column 2</td> <td name="col3" align="center">Column 3</td> <td name="col4" align="center">Column 4</td> <td name="col5" align="center">Column 5</td> <td name="col6" align="center">Column 6</td> </tr> </table> Does anyone have any ideas which line should I change to make the code work? Why not doing it on your

Resizable, draggable object in jquery. Possible?

由 六眼飞鱼酱① 提交于 2019-12-01 09:23:35
I want to have an object which is both resizable and draggable. I'll need: X Y Size of the object. Is this possible? There is an example on http://www.jsfiddle.net/davidThomas/DGbT3/1/ which gets the x and y of the draggable object. How can I also make it resizable? Thanks It's worth adding that this question is related to, and built on, this previous question: How to get the position of a draggable object? Sure it is... jQuery UI is good for complex behaviors like drag and drop, resizing, selection and sorting. With jQuery UI you can: Drag Drop Resize Sort And you can everything chain

Resizable, draggable object in jquery. Possible?

由 ￣綄美尐妖づ 提交于 2019-12-01 07:07:34
问题 I want to have an object which is both resizable and draggable. I'll need: X Y Size of the object. Is this possible? There is an example on http://www.jsfiddle.net/davidThomas/DGbT3/1/ which gets the x and y of the draggable object. How can I also make it resizable? Thanks It's worth adding that this question is related to, and built on, this previous question: How to get the position of a draggable object? 回答1: Sure it is... jQuery UI is good for complex behaviors like drag and drop,

How to prevent Resizable and Draggable elements from collapsing on each other?

由 百般思念 提交于 2019-11-30 14:17:26
Hey all. I have the following code: http://jsfiddle.net/g7Cgg/ As you can see, there are 2 simple DIVs that are stacked one above each other. Each of these DIVs are also set to be resizable and draggable. However, notice when you attempt to resize the first element, the second element collapses onto the first. From what I can see, this is because resizable changes the element to a position of absolute. How can I prevent this behavior? Is it possible to resize the element while retaining the ability to drag the element? Note also, that if you change the elements to have a position of relative

JFrame: How to disable window resizing?

由 青春壹個敷衍的年華 提交于 2019-11-30 12:41:42
问题 I am creating a JFrame and I call the method setSize(500, 500) . Now the desired behaviour is that JFrame should not be resized by user in any condition. Either by maximizing or by dragging the borders. It should be 500x500. How can I do it? I have also attached the code in case you can guide me better. package com.techpapa; import javax.swing.*; import java.awt.*; import java.awt.event.*; public class MainWindow extends JFrame{ private JTextField write; private JRadioButton rb1, rb2, rb3;

Resizable handles with jQueryUI

由 半城伤御伤魂 提交于 2019-11-30 06:42:39
I need to make resizable handles like in this image. To be more specific, I need those blue dots to be around my <div> to allow resizing from different sides. Currently I'm using the following code: <html> <head> <link rel="stylesheet" href="jquery-ui-1.10.2/themes/base/jquery-ui.css" /> <script src="jquery-1.9.1.min.js"></script> <script src="jquery-ui-1.10.2/ui/jquery-ui.js"></script> <title>border</title> <script type="text/javascript"> $(function() { $('#elementResizable').resizable({ handles: { 'ne': '#negrip', 'se': '#segrip', 'sw': '#swgrip', 'nw': '#nwgrip' } }); }); </script> <style>

JFrame: How to disable window resizing?

由 橙三吉。 提交于 2019-11-30 02:44:38
I am creating a JFrame and I call the method setSize(500, 500) . Now the desired behaviour is that JFrame should not be resized by user in any condition. Either by maximizing or by dragging the borders. It should be 500x500. How can I do it? I have also attached the code in case you can guide me better. package com.techpapa; import javax.swing.*; import java.awt.*; import java.awt.event.*; public class MainWindow extends JFrame{ private JTextField write; private JRadioButton rb1, rb2, rb3; private ButtonGroup bg; private ActionListener al = new ActionListener(){ public void actionPerformed

Resizable Canvas (JQuery UI)

由 半世苍凉 提交于 2019-11-29 23:03:29
ANY DOM element can be made resizable according to this page: http://jqueryui.com/demos/resizable/ However, it seems that this doesn't work for the CANVAS element. Possible? Canvas has two types of resize behavior: Resizing where the contents are stretched to fit the canvas's new dimensions Resizing where the contents remain static while the canvas grows or shrinks Here's a page that demonstrates the two types of "resizing": http://xavi.co/static/so-resizable-canvas.html If you want the first type of resizing (stretch the content) then place the canvas into a container div and set the width

Resizing DIV Panel

由 那年仲夏 提交于 2019-11-29 00:06:38
I am working on a website project and I need to add a resizable panel like jsfiddle or hotmail (hotmail has a left panel that includes your mails, and has a right content panel that you can read your mails...) I looked at jQuery and I tried so many times but I can't set the handler . I just need to make a panel that can be resizable horizontally. So how can I make this? Can you help me to complete my code (need a resizer between the left_panel and content. Resizer will resize the left_panel and of course content will be effected. ) > http://jsfiddle.net/QkZL8 The fiddle doesn't work because

jQuery UI resizable fire window resize event

由 余生长醉 提交于 2019-11-28 20:18:15
I have 2 events, one to detect window resize and other to detect the resizable stop of div. But when I resize the div, in the console detect the window resize event. Is there any way to block this? $(document).ready(function(){ $(window).bind('resize', function(){ console.log("resize"); }); $(".a").resizable(); }); Example: http://jsfiddle.net/qwjDz/1/ All of these answers are not going to help. The issue is that resize event bubbles up to the window. So eventually the e.target will be the window even if the resize happened on the div. So the real answer is to simply stop propagating the
订阅 resizable