首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > 网页设计 >

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

2013-01-07 
帧窗口中强出去选框显示在父窗口中我在一个网页用iframe引入一个帧窗口,内容是js留言编辑器,当点插入表

帧窗口中强出去选框显示在父窗口中
我在一个网页用<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" 




function closeit(){ 
document.getElementById("dwindow").style.display="none" 



function stopdrag(){ 
dragapproved=false; 
document.getElementById("dwindow").onmousemove=null; 
document.getElementById("dwindowcontent").style.display="" //extra 


    </script> 

在body插入 
<div id="dwindow" style="position: absolute; background-color: #EBEBEB; cursor: hand; 
        left: 0px; top: 0px; display: none; z-index:9999; " onmousedown="initializedrag(event)" onmouseup="stopdrag()" 
        onselectstart="return false"> 
        <div align="right" style="background-color: red"> 
            <img src="max.gif" id="maxname" onclick="maximize()"> 
            <img src="close.gif" onclick="closeit()"> </div> 
        <div id="dwindowcontent" style="height: 100%"> 
            <iframe id="cframe" src="" width="100%" height="100%"> </iframe> 
        </div> 
    </div> 

热点排行