Код:
<script type="text/javascript">
<!--
moz=документ.getElementById&&!документ.все
id=null
текст=null
функция dragMe(e,ID){
id=ID
if (!moz&&event.srcElement.className.indexOf("перетащить")!=-1||moz&&e.мишени.className.indexOf("перетащить")!=-1){
curposx=(!moz ? событием.clientX : e.clientX)
curposy=(!moz ? событием.clientY : e.clientY)
objectx=документ.getElementById(id).сдвигвлево
objecty=документ.getElementById(id).offsetTop
документ.getElementById(id).стиль.zIndex=5
если(в текст!=null&&текст!=id){
документ.getElementById(текст).стиль.zIndex="
}
moving=true
документ.onmousemove=moveTo
}}
функция moveTo(e){
xx=(!moz ? событием.clientX : e.clientX)
yy=(!moz ? событием.clientY : e.clientY)
if (moving==true){
документ.getElementById(id).стиль.left=xx-(curposx-objectx)
документ.getElementById(id).стиль.top=yy-(curposy-objecty)
return false
}}
документ.onmouseup=new Function("moving=false;текст=id")
offsetX=200
offsetY=30
last_id=""
функция iframePop(obj){
cont=документ.getElementById("контейнер")
id=obj.id
oPage=obj.href
if(id!=last_id){
cont.стиль.left=документ.getElementById(id).сдвигвлево+offsetX
cont.стиль.top=документ.getElementById(id).offsetTop+offsetY
curposx=документ.getElementById(id).сдвигвлево-документ.тела.scrollLeft
если(curposx>=документ.тела.clientWidth-parseInt(cont.стиль.Ширина ()) {
cont.стиль.left=документ.тела.clientWidth-parseInt(cont.стиль.Ширина)+документ.тела.scrollLeft-offsetX
}
curposy=документ.getElementById(id).offsetTop-документ.тела.scrollTop
если(curposy>=документ.тела.clientHeight-parseInt(cont.стиль.height)){
cont.стиль.top=документ.тела.clientHeight-parseInt(cont.стиль.высота)-offsetY
}
cont.стиль.display = "block"
//окно["my_iframe"].location=oPage // добавляется в список истории браузера
окно["my_iframe"].расположение.заменить(oPage) // не добавлен в список истории браузера
setTimeout('документ.getElementById("headertxt").innerHTML=window["my_iframe"].документ.title',200)
last_id=id
}
else{
cont.стиль.display = "none"
last_id=""
}
документ.getElementById("my_iframe").стиль.width=parseInt(cont.стиль.Ширина)
документ.getElementById("my_iframe").стиль.height=parseInt(cont.стиль.высота)-документ.getElementById("headertxt").offsetHeight-5
return false
}
// -->
<!-- JavaScript 2010 год --></script>
<style>
.header{width:100%;color:#55FFAA;text-align:center;margin-top:5px;padding-bottom:5px;border-bottom:1px solid #AAAA55;}
.перетащите{cursor:move;}
</style>
</HEAD>
<BODY>
<DIV id="container" style="position:absolute;left:290px;top:110px;width:460px;height:300px;border:1px solid #A050F0;background-color:#000000;color:#55AAFF;display:none">
<div class="header перетащите" id="headertxt" onmousedown="dragMe(event,this.offsetParent.id)" title="удерживайте левую кнопку мыши нажатой, перетащите">Header</div>
<iframe id="my_iframe" name="my_iframe" src="" style="background-color:#ffffff" frameborder="no"></iframe>
</DIV>
<a href="http://javascript.клан.СУ" id="lnk1" onclick="return iframePop(this)">iframe 1</a><BR>
<a href="http://javascript.клан.СУ" id="lnk2" onclick="return iframePop(this)">iframe 2</a><BR>
<a href="http://javascript.клан.СУ" id="lnk3" onclick="return iframePop(this)">iframe 3</a>
</BODY>