Линк загрузки внешнего файла со скриптом и стилем CSS Библиотека Javascript. SE@RCHER

<SCRIPT TYPE="text/javascript"> var URL = "ex-1/ex-1100.htm" var speed = 1 function reload() { location = URL } setTimeout("reload()", speed); </script> <!DOCTYPE HTML> <HTML> <HEAD> <TITLE>Линк загрузки внешнего файла со скриптом и стилем CSS</TITLE> <META http-equiv=Content-Type content="text/html; charset=windows-1251"> <script type="text/javascript"> var loadedobjects="" var rootdomain="http://"+window.location.hostname function ajaxpage(url,containerid){var page_request=false if(window.XMLHttpRequest) page_request=new XMLHttpRequest() else if(window.ActiveXObject){try{page_request=new ActiveXObject("Msxml2.XMLHTTP")} catch(e){try{page_request=new ActiveXObject("Microsoft.XMLHTTP")} catch(e){}}} else return false page_request.onreadystatechange=function(){loadpage(page_request,containerid)} page_request.open('GET',url,true) page_request.send(null)} function loadpage(page_request,containerid){if(page_request.readyState==4&&(page_request.status==200||window.location.href.indexOf("http")==-1)) document.getElementById(containerid).innerHTML=page_request.responseText} function loadobjs(){if(!document.getElementById) return for(i=0;i<arguments.length;i++){var file=arguments[i] var fileref="" if(loadedobjects.indexOf(file)==-1){if(file.indexOf(".js")!=-1){fileref=document.createElement('script') fileref.setAttribute("type","text/javascript");fileref.setAttribute("src",file);} else if(file.indexOf(".css")!=-1){fileref=document.createElement("link") fileref.setAttribute("rel","stylesheet");fileref.setAttribute("type","text/css");fileref.setAttribute("href",file);}} if(fileref!=""){document.getElementsByTagName("head").item(0).appendChild(fileref) loadedobjects+=file+" "}}} </script> <style type="text/css"> #leftcolumn{float:left;width:150px;height: 400px;border: 3px solid black;padding: 5px;padding-left: 8px;} #leftcolumn a{padding: 3px 1px;display: block;width: 100%;text-decoration: none;font-weight: bold;border-bottom: 1px solid gray;} #leftcolumn a:hover{background-color: #FFFF80;} #rightcolumn{float:left;width:550px;min-height: 600px;border: 3px solid black;margin-left: 10px;padding: 5px;padding-bottom: 8px;background: transparent url('001.jpg') no-repeat top left;} * html #rightcolumn{height: 600px;} </style> </HEAD> <BODY> <a href="javascript:loadobjs('1208-36a.css', '1208-36a.js');">Вариант 1</a> | <a href="javascript:loadobjs('1208-36b.css', '1208-36a.js');">Вариант 2</a> | <a href="javascript:loadobjs('1208-36c.css', '1208-36a.js');">Вариант 3</a> | <a href="javascript:loadobjs('1208-36d.css', '1208-36a.js');">Вариант 4</a> | <a href="javascript:loadobjs('1208-36e.css', '1208-36a.js');">Вариант 5</a> | <a href="javascript:loadobjs('1208-36f.css', '1208-36a.js');">Вариант 6</a> | <a href=# onClick='parent.location="javascript:location.reload()"'>закрыть</a> <div id="rightcolumn" onClick='parent.location="javascript:location.reload()"'><h3>Блок загрузки</h3></div> </BODY> </HTML>