2012-10-03 86 views
1

我使用CSS3可调整大小的属性来调整HTML Div元素的大小。使用CSS3调整HTML元素大小

下面是示例代码:http://jsfiddle.net/blunderboy/nMTm9/1/

但是,我想作为DIV变化宽度后立即更新输入元素内的值。我们怎样才能做到这一点?

+0

你看过jQueryUI'resizeable'实现吗?它适用于所有浏览器,并在元素大小发生变化时触发'resize'事件。 – paul

+0

你想要先调整div的大小,之后输入的值会更新吗? – yossi

+0

是的,我看着jQueryUI,但它会使网站沉重。我在想如果可以不使用jquery来做同样的事情,因为我不想为了小目的而下载UI js文件。 @yossi:我想在div被调整大小后立即更新输入值。 – sachinjain024

回答

3

在使用setInterval,你可以这样做:

http://jsfiddle.net/nMTm9/3/

这不是完美的,但伟大工程。

var input = $('input'), div = $('#resizable'); 
function calculate(){ 
    input.val(div.width()+"px"); 
} 
setInterval(calculate,500);​ 
+0

这只是辉煌的东西。虽然不理想,但真的很明显。非常感谢:) :) ..为我工作.. – sachinjain024

1

不,CSS无法更改输入的值属性,或者任何元素的任何属性。

按样式关闭更改内容是如果您将内容放入输入字段或删除内容输入字段标签由css更改。

enter link description here

+0

我们不能添加一些监听器的高度和宽度的div。那就是每当它们被改变时,处理程序被调用并且将更新输入中的值。谢谢BTW – sachinjain024

+0

谢谢yossi..Made我学习新的东西:) :) – sachinjain024

+0

你好来.... – yossi