Fires when the user finishes changing the dimensions of the object in a control selection.Only content editable objects can be included in a control selection. You can make objects content editable by setting the contentEditable property to true or by placing the parent document in design mode.<body>
<div contentEditable>
<img src='1.jpg' width='150px' height='200px' onresizeend='alert(this.currentStyle.width)'>
</div>
</body>拖动1.jpg增加一定的宽度,然后弹出新宽度信息
<div contentEditable>
<img src='1.jpg' width='150px' height='200px' onresizeend='alert(this.currentStyle.width)'>
</div>
</body>拖动1.jpg增加一定的宽度,然后弹出新宽度信息
解决方案 »
- 正则匹配
- js奇怪的问题
- 如何用JS获取某个控件或者html元素自身的ID,Jquery方式也行
- 高分悬赏,分离字符串
- jquery里的formValidator动态验证问题
- 菜鸟求助,怎样才能调用到外部JS定义的函数
- 求一个网址判断的正则表达式
- 怎么样判断 "2" 是否在特定字符串中 (字符串可以如下格式:"2,3,5" 或者 "2" 或者 “”为空)
- 请问Combox中选中的文字如何取出来??
- 请教一个Node.JS问题:multipart模块parser() 方法报错
- 请看以下代码,如何实现按按钮后颜色不变
- 在网页中可以运行的javascript函数放在js文件中后提示缺少对象,为什么?
或者:
<script>
document.body.contentEditable=true;
</script>
我在最右边的那个frame的onsize事件中改变三个fram的宽度,这样就能实现鼠标改变页面布局了
<frameset id="a" cols="200,10,*"onload="javascript:Load(this)">
<frame name="left" src="menu.aspx" frameBorder="no">
<frame name="button" src="button.htm" frameBorder="no" scrolling="no">
<frame name="right" id="workframe" src="workframe.aspx" frameborder="no" onresize="javascript:Resize(this);">
</frameset>function Resize(obj)
{
//obj.parentElement.childNodes(0).setAttribute("width", obj.offsetLeft-25);
var leftLen;
var rightLen;
var sCols;
leftLen = document.body.clientWidth - obj.width -10;
//obj.parentElement.cols = sCols;
//rightLen = document.body.clientWidth - leftLen -10;
sCols = leftLen + "," + 10 + "," + obj.width;
if(obj.width < 600)
{
rightLen = 600;
obj.parentElement.cols= "200,10," + rightLen;
}
alert(sCols);
if (iCount < 10)
obj.parentElement.cols = sCols;
//rightLen = obj.parentElement.width-obj.offsetLeft;
//leftLen = obj.offsetLeft-25;
//sCols = leftLen+""+",25," + rightLen + "";
//alert(obj.parentElement.cols);//left.width =
//alert(sCols);
}
只要一拖动
右边那个fram的边界,右边那个frame就没有了!
onsizeend事件又没有,所以不能实现我想要的功能
但不是拖动frame的边框
<body contentEditable>
<img src='1.jpg' onresizeend='alert(window.parent.a.cols="300,5,*")'>
</body>