注册 登录
编程论坛 JavaScript论坛

一个很难Javascript问题

yms123 发布于 2010-10-23 16:46, 830 次点击
现在有一个网页如下
index.html
<html>
<body>
  <iframe id="a" src=a.html ></iframe>
  <iframe id="b" src=b.html> </iframe>
</body>
</html>

a.html里有一个div里面有一张图片
<html>
 <body>
   <div id="aaa"><img src="abc.jpg"></div>
</body>
</html>

b.html里什么都没有
<html>
 <body>
 </body>
</html>

现在想要把ifrmae里a.html里的div和图片用鼠标拖动到b.html里
这个操作在index.html里完成
现在正在做一个类似windows资源管理器的东西
一个页面左框架树形目录,每个节点一张图片已经实现。
而左框架的一张图片要用鼠标拖动到右框架来显示大图。




4 回复
#2
icecool2010-10-23 17:40
这样可不可以实现:
当拖动一abc.jpg时,用一个变量记录abc.jpg的地址或指定的大图的地址,
在b.htm上的mouseup事件中,打开该变量记录的地址的图片?
不好意思,JAVASCRIPT了解一点点毛皮
#3
gupiao1752010-10-23 21:09
index.html:
<html>
<body>
  <iframe name="a" id="a" src="a.html" width="300px" height="300px"></iframe>
  <iframe name="b" id="b" src="b.html" width="300px" height="300px"></iframe>
</body>
</html>

a.html:
<html>
<script type="text/javascript">
function ck(){
var src1=document.getElementById("img1").src;
var str="<img src="+src1+"></img>";
top.frames['b'].document.getElementById("bb").innerHTML=str;
}
</script>
<body>
   <div id="aaa"><img id="img1" src="abc.jpg" onmouseout="ck()"></div>
</body>

b.html:
<html>
<body>
<div id="bb"></div>
</body>
</html>

不知道这样可否,粗略的实现了拖拽框架显示!细节可能会比较复杂!
#4
foktime2010-10-26 11:18
跨frame拖动 整理了一个例子 比较乱 也是网上搜的。看看有没有用吧。
只有本站会员才能查看附件,请 登录

#5
yms1232010-10-26 11:21
已经使用了另外的解决办法,就是使用div加滚动条代替iframe实现了。
1