当前位置: 代码迷 >> 网页设计 >> 帧窗口中强出去选框展示在父窗口中
  详细解决方案

帧窗口中强出去选框展示在父窗口中

热度:152   发布时间:2013-01-07 10:02:24.0
帧窗口中强出去选框显示在父窗口中
我在一个网页用<iframe>引入一个帧窗口,内容是js留言编辑器,当点插入表情是弹出一个选择框,但我给帧窗口定的高度不能完全显示,我又不想给帧窗口增加高度,能不能让让表情选择框显示在父窗口 中呢?
------解决方案--------------------
设置div的浮动,并设置zindex为一个比框架的zindex值大点的 

类似于这样试试 
STYLE="position:absolute; 
    top:100; left:100; z-index:10"
------解决方案--------------------
<script> 

var dragapproved=false 
var minrestore=0  //该变量表示窗口目前的状态,0表示初始化状态,1表示最大化状态 
var initialwidth,initialheight 
//若Client浏览器为IE5.0以上版本的 
var ie5=document.all&&document.getElementById 
//若Client浏览器为NetsCape6。0版本以上的 
var ns6=document.getElementById&&!document.all 

function iecompattest(){ 
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body 


function drag_drop(e){ 
if (ie5&&dragapproved&&event.button==1){ 
document.getElementById("dwindow").style.left=tempx+event.clientX-offsetx+"px" 
document.getElementById("dwindow").style.top=tempy+event.clientY-offsety+"px" 

else if (ns6&&dragapproved){ 
document.getElementById("dwindow").style.left=tempx+e.clientX-offsetx+"px" 
document.getElementById("dwindow").style.top=tempy+e.clientY-offsety+"px" 



function initializedrag(e){ 
offsetx=ie5? event.clientX : e.clientX 
offsety=ie5? event.clientY : e.clientY 
document.getElementById("dwindowcontent").style.display="none" //此句代码可不要 
tempx=parseInt(document.getElementById("dwindow").style.left) 
tempy=parseInt(document.getElementById("dwindow").style.top) 

dragapproved=true 
document.getElementById("dwindow").onmousemove=drag_drop 


function loadwindow(url,width,height){ 
if (!ie5&&!ns6)  //若不为IE或Netscpae浏览器,则使用一般的Window.open进行弹出窗口处理 
window.open(url,"","width=width,height=height,scrollbars=1") 
else{ 
document.getElementById("dwindow").style.display='' 
document.getElementById("dwindow").style.width=initialwidth=width+"px" 
document.getElementById("dwindow").style.height=initialheight=height+"px" 
document.getElementById("dwindow").style.left="30px" 
document.getElementById("dwindow").style.top=ns6? window.pageYOffset*1+30+"px" : iecompattest().scrollTop*1+30+"px" 
document.getElementById("cframe").src=url 



function maximize(){ 
if (minrestore==0){ 
minrestore=1 //maximize window 
document.getElementById("maxname").setAttribute("src","restore.gif") 
document.getElementById("dwindow").style.width=ns6? window.innerWidth-20+"px" : iecompattest().clientWidth+"px" 
document.getElementById("dwindow").style.height=ns6? window.innerHeight-20+"px" : iecompattest().clientHeight+"px" 

else{ 
minrestore=0 //restore window 
document.getElementById("maxname").setAttribute("src","max.gif") 
document.getElementById("dwindow").style.width=initialwidth 
document.getElementById("dwindow").style.height=initialheight 

document.getElementById("dwindow").style.left=ns6? window.pageXOffset+"px" : iecompattest().scrollLeft+"px" 
document.getElementById("dwindow").style.top=ns6? window.pageYOffset+"px" : iecompattest().scrollTop+"px" 
  相关解决方案