Тема: iframe в .js
Показать сообщение отдельно
  #1 (permalink)  
Старый 07.05.2010, 11:58
Новичок на форуме
Отправить личное сообщение для TIIIMOXAN Посмотреть профиль Найти все сообщения от TIIIMOXAN
 
Регистрация: 09.11.2009
Сообщений: 2

iframe в .js
Приветствую!Помогите пожалуйста: имеется скрипт "Блок с размерами окна открывается от клика по фото над основным
окном" не получается в нем реализовать iframe так,чтобы он был во все окно и без ссылки вверху на источник,который при клике открывается в новом окне!

Могли бы вы помочь?

Собственно сам скрипт:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>


<title>Блок с размерами окна открывается от клика по фото над основным 
окном с анимацией (8kb)</title>
<meta http-equiv="Content-Type" content="text/html; 
charset=windows-1251">
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
.demo { float: left; padding: 16px; text-align: center;}
#ol { background-color: transparent; z-index: 9999; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; border: 

none;}
#fd { background-color: black; opacity: 0.5; position: relative; width: 100%; height: 100%; padding: 0px; margin: 0px; border: none;}
#cl { background-color: transparent; opacity: 0.0; position: fixed; left: 0px; top: 0px; display: block; padding: 0px; margin: 0px; width: 34px; height: 

34px; cursor: pointer;}
#tx { background-color: transparent; position: fixed; left: 40px; top: 0px; display: table; padding: 0px; margin: 0px; width: auto; height: 24px; 

vertical-align: bottom; overflow: hidden;}
#tl { display: table-cell; width: auto; height: 0.9em; text-shadow:black 0px 0px 4px; color: white; font: bold 0.9em Tahoma, Arial, Helvetica, sans-serif; 

vertical-align: bottom; }
.ol { background-color: transparent; position: absolute; left: 0px; top: 0px; padding: 0px; margin: 0px; border: none; width: 100%; height: 100%;}
.ol_t { background: url(t0000000.png) repeat-x transparent; }
.ol_r { background: url(r0000000.png) repeat-y transparent; }
.ol_b { background: url(b0000000.png) repeat-x transparent; }
.ol_l { background: url(l0000000.png) repeat-y transparent; }
.ol_rt { background: url(rt000000.png) transparent; }
.ol_rb { background: url(rb000000.png) transparent; }
.ol_lb { background: url(lb000000.png) transparent; }
.ol_lt { background: url(lt000000.png) transparent; }
.ol_cl { background: url(cl000000.png) transparent; }
.ol_ct { background: white url(indicato.gif) 50% 50% no-repeat; height:100%; padding: 0px; margin: 0px;}
.ex:link {color:white; text-decoration:none;} 
.ex:visited {color:white; text-decoration:none;} 
.ex:active {color:#fa0; text-decoration:none;} 
.ex:hover {color:#fa0; text-decoration:none;}
</style>
</head>

<body>
<div id="demo" class="inlet">
<p>
</p><div class="demo">

<a 
onclick="overlay._create('http://www.sea.ru/','Избранные детективы и
 фантастика');return false;" href="http://www.sea.ru/" 
class="overlay lWOn nip" title="Избранные детективы и фантастика"><img 
class="glossy" src="0110-21_files/001.jpg" alt="click" border="0" 
height="100px" width="200"><br>Избранные детективы и фантастика</a></div>


<p style="clear: left;"></p>
</div>


<script type="text/javascript">
var overlay={init:function(option){function getIfClass(v,s){var c=v.className.split(' ');for(var j=0;j<c.length;j++){if(c[j].indexOf(s)==0){return 

true;}}return false;};function getByClass(v){var d=document.getElementsByTagName('a'),i,j,h,c,e=new 

Array();for(i=0;i<d.length;i++){h=d[i];c=h.className.split(' ');for(j=0;j<c.length;j++){if(c[j]==v){e.push(h);break;}}}return e;};var 

i,t,x,u,l,isIE=!window.opera&&document.all?true:false;l=getByClass(option||'overlay');for(i=0;i<l.length;i++){u=l[i].getAttribute('href');t=l[i].innerHTML;t=

t.replace(/(<([^>]+)>)/ig,"");if(getIfClass(l[i],"title")){t=l[i].title||t;}x=t||l[i].title||l[i].href;if(isIE){l[i].onclick=new 

Function('overlay._create("'+u+'","'+x+'");return false;');}
else{l[i].setAttribute("onclick","overlay._create('"+u+"','"+x+"');return false;");}}return 

false;},_create:function(l,v){if(!overlay.G("ol")){l=typeof(l)=='string'?l:"";var 

o,p,w,h,f,j=0,t=1,s=34,isIE,isG6;isIE=!window.opera&&document.all?true:false;isG6=isIE&&window.XMLHttpRequest?true:false;o=overlay.T("body");p=document.creat

eElement('div');p.id="ol";p.style.opacity=0;o.appendChild(p);p.innerHTML='<div id="fd"><\/div>'
+'<table id="tb" class="ol" width="100%" height="100%" cellspacing="0" cellpadding="0" border="0"><tbody>'
+'<tr><td width="'+s+'" height="'+s+'" class="ol_lt" id="tb_lt"><\/td><td height="'+s+'" class="ol_t"><\/td><td width="'+s+'" height="'+s+'" 

class="ol_rt"><\/td><\/tr>'
+'<tr><td width="'+s+'" class="ol_l"><\/td><td id="ol_ct" class="ol_ct" height="100%"><iframe src="" id="ol_if" name="ol_if" width="100%" 

height="'+(window.opera?90:100)+'%" hspace="0" vspace="0" frameborder="0" scrolling="auto"><\/iframe><\/td><td width="'+s+'" class="ol_r"><\/td><\/tr>'
+'<tr><td width="'+s+'" height="'+s+'" class="ol_lb"><\/td><td height="'+s+'" class="ol_b"><\/td><td width="'+s+'" height="'+s+'" class="ol_rb"><\/td><\/tr>'
+'<\/tbody><\/table><div id="cl" title="Click to close" onClick="overlay._remove();" onmouseover="overlay._over();" onmouseout="overlay._out();"><\/div>'
+'<div id="tx"><div id="tl"><a class="ex" style="" href="'+l+'" target="_blank" title="Open page in new 

window">'+v+'<\/a><\/div><\/div>';if(isG6||isIE){w=document.documentElement.clientWidth;h=document.documentElement.clientHeight;if(w<=0||h<=0){w=o.clientWidt

h;h=o.clientHeight;}if(w>0&&h>0){p.style.width=w+'px';p.style.height=h+'px';o=overlay.G("fd");o.style.width=w+'px';o.style.height=h+'px';o=overlay.G("ol_ct")

;o.style.width=(w-s-s)+'px';o.style.height=(h-s-s)+'px';if(typeof 

document.documentElement!='undefined'){p.style.left=document.documentElement.scrollLeft+'px';p.style.top=document.documentElement.scrollTop+'px';}
else{p.style.left=overlay.T('body').scrollLeft+'px';p.style.top=overlay.T('body').scrollTop+'px';}
if(window.attachEvent){window.attachEvent('onscroll',overlay._scroll);window.attachEvent('onresize',overlay._resize);}}}else{overlay.G("cl").className="ol_cl

";}
if(!isIE){s=0.2;f=overlay.G("ol_if");if(p.timer){window.clearInterval(p.timer);}
p.timer=window.setInterval(function(){p.style.opacity=j;j+=s;if(j>t){window.clearInterval(p.timer);p.style.opacity=1;f.src=l;f.style.backgroundColor='white';

}},50);}else{p.style.opacity=1;f=overlay.G("ol_if");f.src=l;f.style.backgroundColor='white';}}return 

false;},_remove:function(){if(overlay.G("ol")){if(window.detachEvent){window.detachEvent('onscroll',overlay._scroll);window.detachEvent('onresize',overlay._r

esize);}document.body.removeChild(overlay.G('ol'));}if(window.opera){window.scrollBy(0,1);window.scrollBy(0,-1);}return 

false;},_resize:function(e){if(!e){e=window.event;}var 

w=0,h=0,s=34,o=overlay.G('ol');if(o){w=document.documentElement.clientWidth;h=document.documentElement.clientHeight;if(w<=0||h<=0){w=overlay.T('body').client

Width;h=overlay.T('body').clientHeight;}if(w>0&&h>0){o.style.width=w+'px';o.style.height=h+'px';o=overlay.G("fd");o.style.width=w+'px';o.style.height=h+'px';

o=overlay.G("ol_ct");o.style.width=(w-s-s)+'px';o.style.height=(h-s-s)+'px';}}return false;},_scroll:function(e){if(!e){e=window.event;}var 

o=overlay.G('ol');if(o){if(typeof 

document.documentElement!='undefined'){o.style.left=document.documentElement.scrollLeft+'px';o.style.top=document.documentElement.scrollTop+'px';}
else{o.style.left=overlay.T('body').scrollLeft+'px';o.style.top=overlay.T('body').scrollTop+'px';}}return false;},_over:function(){var 

o=overlay.G("tb_lt");if(o&&o.className=="ol_lt"){o.className="ol_cl";}return false;},_out:function(){if(overlay.G("ol")){var 

o=overlay.G("tb_lt");if(o&&o.className=="ol_cl"){o.className="ol_lt";}}return 

false;},G:function(v){return(document.getElementById(v));},T:function(v){return(document.getElementsByTagName(v)[0]);}}
var overlayOnload=window.onload;window.onload=function(){if(overlayOnload)overlayOnload();overlay.init('overlay');}
</script>


</body></html>
Ответить с цитированием