Библиотека Javascript. SE@RCHER

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html lang="en"> <head> <title>Окно в окне. Смена IFRAME через линки</title> <meta http-equiv="Content-Type" content="text/html;charset=windows-1251"> <meta name="robots" content="noindex,nofollow"> <style type="text/css"> body { font: 14px verdana, arial, helvetica, sans-serif } h1 { font-size:18px; margin-bottom:1.4em } a:link { color:#33c } a:visited { color:#339 } div#lnks { float:left; width:100px; margin:20px 0 0 0 } div#lnks ul { margin:0; padding:0; list-style:none } div#lnks ul li { margin:0 0 .5em 0 } div.iframe { margin-left:130px; } iframe#ifrm { border-top:1px dashed #666; border-right:1px dashed #666; padding-right:1em } div#footer { margin:2em 0 0 110px; padding:10px 0 0 34px; width:440px; border-top:1px dashed #666 } </style> <script type="text/javascript"> /************************************************************************* This code is from Dynamic Web Coding at http://www.dyn-web.com/ See Terms of Use at http://www.dyn-web.com/bus/terms.html regarding conditions under which you may use this code. This notice must be retained in the code as is! *************************************************************************/ function getDocHeight(doc) { var docHt = 0, sh, oh; if (doc.height) docHt = doc.height; else if (doc.body) { if (doc.body.scrollHeight) docHt = sh = doc.body.scrollHeight; if (doc.body.offsetHeight) docHt = oh = doc.body.offsetHeight; if (sh && oh) docHt = Math.max(sh, oh); } return docHt; } function setIframeHeight(iframeName) { var iframeWin = window.frames[iframeName]; var iframeEl = document.getElementById? document.getElementById(iframeName): document.all? document.all[iframeName]: null; if ( iframeEl && iframeWin ) { iframeEl.style.height = "auto"; // helps resize (for some) if new doc shorter than previous var docHt = getDocHeight(iframeWin.document); // need to add to height to be sure it will all show if (docHt) iframeEl.style.height = docHt + 30 + "px"; } } function loadIframe(iframeName, url) { if ( window.frames[iframeName] ) { window.frames[iframeName].location = url; return false; } else return true; } </script> </head> <body> <h1>Setting Iframe Element Height to Iframe Content Height</h1> <div id="lnks"> <ul> <li><a href="1.html" onclick="return loadIframe('ifrm', this.href)">Page 1</a> </li> <li><a href="2.html" onclick="return loadIframe('ifrm', this.href)">Page 2</a></li> <li><a href="3.html" onclick="return loadIframe('ifrm', this.href)">Page 3</a></li> <li></li> </ul> </div> <div class="iframe"> <iframe name="ifrm" id="ifrm" src="1.html" width="400" height="600" scrolling="no" frameborder="0">Sorry, your browser doesn't support iframes.</iframe> </div> <div id="footer"> </div> <a href="009.zip"><b>Пример в архиве</b></a> </body> </html>