社区
JavaScript
帖子详情
关于div iframe和textarea高度计算的问题
qwe065560
2011-04-02 10:15:44
我有一个页面A。点击按钮会弹出一个窗口DIV里面包含一个iframe,这个iframe里面有一个页面B,B页面里面有一个文本框textarea...我的这个DIV是可以缩放大小的.我想在DIV缩放的时候textarea也跟着改变。
现在宽度改变只要设置一下宽的CSS为百分比,但是高该怎么办呢?如何在弹出那个DIV层的时候就同时取到DIV和textarea的高度呢?
...全文
238
6
打赏
收藏
关于div iframe和textarea高度计算的问题
我有一个页面A。点击按钮会弹出一个窗口DIV里面包含一个iframe,这个iframe里面有一个页面B,B页面里面有一个文本框textarea...我的这个DIV是可以缩放大小的.我想在DIV缩放的时候textarea也跟着改变。 现在宽度改变只要设置一下宽的CSS为百分比,但是高该怎么办呢?如何在弹出那个DIV层的时候就同时取到DIV和textarea的高度呢?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
leleyang89
2013-04-15
打赏
举报
回复
你是怎么解决的
qwe065560
2011-04-08
打赏
举报
回复
[Quote=引用 4 楼 toury 的回复:]
1、contentDocument兼容主流浏览器,包括chrome;
2、你在页面的window.onload里(页面加载完毕后)先计算出DIV的高度和IFRAME里TEXTAREA的高度,然后得到基准比例;当DIV高度变化时,TEXTAREA的高度=DIV高度x基准比例即可
[/Quote]
可能是如此写法和我用的弹出框JS有冲突了,始终无法正常取值......
现在自己用了其他的替代方式搞定了......分给你吧
toury
2011-04-03
打赏
举报
回复
1、contentDocument兼容主流浏览器,包括chrome;
2、你在页面的window.onload里(页面加载完毕后)先计算出DIV的高度和IFRAME里TEXTAREA的高度,然后得到基准比例;当DIV高度变化时,TEXTAREA的高度=DIV高度x基准比例即可
toury
2011-04-02
打赏
举报
回复
<div id="aa"><iframe id='b' src='b.html'></iframe> </div>
<button value=获取textarea高度 onclick='aaa();'>
</body>
</html>
<script>
function aaa(){
var o=document.getElementById("b");
var obj=(o.contentWindow||o.contentDocument);//获得IFRAME窗体对象,兼容IE/FF
alert(obj.document.getElementById('c12').offsetHeight)//获得IFRAME中的textarea高度
}
</script>
qwe065560
2011-04-02
打赏
举报
回复
[Quote=引用 2 楼 toury 的回复:]
<div id="aa"><iframe id='b' src='b.html'></iframe> </div>
<button value=获取textarea高度 onclick='aaa();'>
</body>
</html>
<script>
function aaa(){
var o=document.getElementById("b");
var obj=……
[/Quote]
在谷歌浏览器下这个就用不了了..
还想问问有办法让textarea随着DIV的改变按比例改变高度的大小么?
HTML必知必会精讲
单选输入框radio,复选输入框checkbox,文本域
textarea
,文件上传项file,提交按钮submit,恢复按钮reset,普通按钮button,下拉输入框select,隐藏项hidden)、
div
和span标签、元标签meta、base标签、link标签、...
html 调整
div
高度
,实现
div
可以调整
高度
(
div
实现resize)
实现
div
可以调整
高度
(
div
实现resize)一、
div
实现resize(类似
textarea
)代码如下:
div
实现
textarea
效果#
textarea
{height: 200px;width: 300px;padding: 4px;border: 1px solid #888;resize: vertical;overflow: auto...
关于
div
包裹img、
iframe
等标签会多3px或4px的
问题
div
标签直接包裹img或
iframe
等标签的时候,
div
不设置
高度
,子标签设置
高度
,此时
div
标签会被撑开,同时
div
的
高度
会比子标签多3px或4px,这是由于子标签底部多了几个px的空白,由于子标签是行内元素,display属性值为...
用一个
div
模拟
textarea
并实现
高度
自适应
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css">... 7 .
textarea
{...
jquery 动态设置
iframe
的
高度
div
region="center" bodyCls="box" id="bd
div
"> <
iframe
id="ckframe" name="ckframe" frameborder="no" style="border:n
JavaScript
87,901
社区成员
224,618
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章