<HTML> <HEAD><TITLE>Dynamic HTML</TITLE> <META NAME="title" CONTENT="Dynamic HTML"> <META NAME="Author" CONTENT="rouyer@htmlguru.com"> <META NAME="description" CONTENT="The Guru site is a new Dynamic HTML resource for web developers seeking to explore new horizons in web site design using the latest cross browser Dynamic HTML techniques, DHTML tutorials, DHTML forums, and free cross browser DHTML templates"> <META NAME="keywords" CONTENT="dynamic html, dhtml, html, html 4.0, style sheets, css, javascript, jscript, layers, dhtml web development, netscape 4.0, explorer 4.0, document object model, dhtml tutorials, dhtml help, dhtml template"> <META NAME="keyphrase" CONTENT="Dynamic HTML, DHTML, Style Sheets, CSS, Javascript, Jscript, Layers, DHTML Web Development, Netscape 4.0, Explorer 4.0, HTML 4.0, Document Object Model, DHTML Tutorials, DHTML Help, DHTML Template"> <SCRIPT LANGUAGE="JavaScript"><!-- function Is() { var agent = navigator.userAgent.toLowerCase(); this.major = parseInt(navigator.appVersion); this.minor = parseFloat(navigator.appVersion); this.ns = ((agent.indexOf('mozilla')!=-1) && ((agent.indexOf('spoofer')==-1) && (agent.indexOf('compatible') == -1))); this.ns2 = (this.ns && (this.major == 3)); this.ns3 = (this.ns && (this.major == 3)); this.ns4 = (this.ns && (this.major >= 4)); this.ns45 = (this.ns && (this.minor == 4.5)); this.ie = (agent.indexOf("msie") != -1); this.ie3 = (this.ie && (this.major == 2)); this.ie4 = (this.ie && (this.major >= 4)); this.op3 = (agent.indexOf("opera") != -1); } var is = new Is(); var section_state = 0; var page_state = 0; var guruWindow = null; function openGuru() { if(is.ns4 || is.ie4) { var margin_height = (is.ns45) ? 30 : 50; if(screen.height <= 768) { var window_width = screen.width-12; var window_height = screen.height-margin_height; } else { var window_width = 1024-12; var window_height = 768-margin_height; } var page = '<HTML><body BGCOLOR="#E9C57A"><!--'"</title></head>--> <script type="text/javascript"> //OwnerIQ var __oiq_pct = 50; if( __oiq_pct>=100 || Math.floor(Math.random()*100/(100-__oiq_pct)) > 0 ) { var _oiqq = _oiqq || []; _oiqq.push(['oiq_addPageBrand','Lycos']); _oiqq.push(['oiq_addPageCat','Internet > Websites']); _oiqq.push(['oiq_addPageLifecycle','Intend']); _oiqq.push(['oiq_doTag']); (function() { var oiq = document.createElement('script'); oiq.type = 'text/javascript'; oiq.async = true; oiq.src = document.location.protocol + '//px.owneriq.net/stas/s/lycosn.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(oiq, s); })(); } /////// Google Analytics var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-21402695-21']); _gaq.push(['_setDomainName', 'angelfire.com']); _gaq.push(['_setCustomVar', 1, 'member_name', 'md/ihsanart', 3]); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); ////// Lycos Initialization ///////////////////// var lycos_ad = Array(); var lycos_search_query = ""; var lycos_onload_timer; var cm_role = "live"; var cm_host = "angelfire.lycos.com"; var cm_taxid = "/memberembedded"; var angelfire_member_name = "md/ihsanart"; var angelfire_member_page = "md/ihsanart/ind_arc7.html"; var angelfire_ratings_hash = "1713762323:5320a8e2735ce6ccd13214b9f6acd4e1"; var lycos_ad_category = null; var lycos_ad_remote_addr = "209.202.244.9"; var lycos_ad_www_server = "www.angelfire.lycos.com"; var edit_site_url = "www.angelfire.lycos.com/landing/landing.tmpl?utm_source=house&utm_medium=landingpage&utm_campaign=toolbarlink"; </script> <script type="text/javascript" src="https://scripts.lycos.com/catman/init.js"></script> <script type='text/javascript'> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; (function() { var gads = document.createElement('script'); gads.async = true; gads.type = 'text/javascript'; var useSSL = 'https:' == document.location.protocol; gads.src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js'; var node = document.getElementsByTagName('script')[0]; node.parentNode.insertBefore(gads, node); })(); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/95963596/ANG_300x250_dfp', [300, 250], 'div-gpt-ad-1450207484070-0').addService(googletag.pubads()); googletag.enableServices(); }); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/95963596/ANG_above_728x90_dfp', [728, 90], 'div-gpt-ad-1450207484070-1').addService(googletag.pubads()); googletag.enableServices(); }); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/95963596/ANG_below_728X90_dfp', [728, 90], 'div-gpt-ad-1450207484070-2').addService(googletag.pubads()); googletag.enableServices(); }); </script> <script type="text/javascript"> (function(isV) { if (!isV) { return; } //this.lycos_search_query = lycos_get_search_referrer(); var adMgr = new AdManager(); var lycos_prod_set = adMgr.chooseProductSet(); var slots = ["leaderboard", "leaderboard2", "toolbar_image", "toolbar_text", "smallbox", "top_promo", "footer2","slider"]; var adCat = this.lycos_ad_category; adMgr.setForcedParam('page', (adCat && adCat.dmoz) ? adCat.dmoz : 'member'); if (this.lycos_search_query) { adMgr.setForcedParam("keyword", this.lycos_search_query); } else if (adCat && adCat.find_what) { adMgr.setForcedParam('keyword', adCat.find_what); } for (var s in slots) { var slot = slots[s]; if (adMgr.isSlotAvailable(slot)) { this.lycos_ad[slot] = adMgr.getSlot(slot); } } adMgr.renderHeader(); adMgr.renderFooter(); }((function() { var w = 0, h = 0, minimumThreshold = 300; if (top == self) { return true; } if (typeof(window.innerWidth) == 'number' ) { w = window.innerWidth; h = window.innerHeight; } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) { w = document.documentElement.clientWidth; h = document.documentElement.clientHeight; } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) { w = document.body.clientWidth; h = document.body.clientHeight; } return ((w > minimumThreshold) && (h > minimumThreshold)); }()))); window.onload = function() { var f = document.getElementById("lycosFooterAd"); var b = document.getElementsByTagName("body")[0]; b.appendChild(f); f.style.display = "block"; document.getElementById('lycosFooterAdiFrame').src = '/adm/ad/footerAd.iframe.html'; // Slider Injection (function() { var e = document.createElement('iframe'); e.style.border = '0'; e.style.margin = 0; e.style.display = 'block'; e.style.cssFloat = 'right'; e.style.height = '254px'; e.style.overflow = 'hidden'; e.style.padding = 0; e.style.width = '300px'; })(); // Bottom Ad Injection ( function() { var b = document.getElementsByTagName("body")[0]; var iif = document.createElement('iframe'); iif.style.border = '0'; iif.style.margin = 0; iif.style.display = 'block'; iif.style.cssFloat = 'right'; iif.style.height = '254px'; iif.style.overflow = 'hidden'; iif.style.padding = 0; iif.style.width = '300px'; iif.src = '/adm/ad/injectAd.iframe.html'; var cdiv = document.createElement('div'); cdiv.style = "width:300px;margin:10px auto;"; cdiv.appendChild( iif ); if( b ) { b.insertBefore(cdiv, b.lastChild); } })(); } </script> <style> #body .adCenterClass { margin:0 auto; display:block !important; overflow:hidden; width:100%; } #body .adCenterClass #ad_container { display:block !important; float:left; width:728px; } @media (min-width: 768px) { <!-- For 300px or less ads ONLY --> #body .adCenterClass #ad_container { width: calc(100% - 372px); } } @media (min-width: 1110px) { <!-- For 728px or less ads --> #body .adCenterClass #ad_container { width: calc(100% - 372px); } } </style> <div style="background:#abe6f6; border-bottom:1px solid #507a87; position:relative; z-index:9999999"> <div class="adCenterClass"> <a href="https://www.angelfire.lycos.com/" title="Angelfire.com: build your free website today!" style="display:block; float:left; width:186px; border:0"> <img src="/adm/ad/angelfire-freeAd.jpg" alt="Site hosted by Angelfire.com: Build your free website today!" style="display:block; border:0" /> </a> <div id="ad_container"> <script type="text/javascript">document.write(lycos_ad['leaderboard']);</script> </div> </div> </div> <!-- ///////////////////////////////////// --> <script type="text/javascript">document.write(lycos_ad['slider']);</script> <div id="lycosFooterAd" style="background:#abe6f6; border-top:1px solid #507a87; clear:both; display:none; position:relative; z-index:9999999"> <div class="adCenterClass" style="display:block!important; overflow:hidden; width:936px;"> <div id="aflinksholder" style="float:left; width:186px;"> <a href="https://www.angelfire.lycos.com/" title="Angelfire.com: build your free website today!" style="display:block; border:0"> <img src="/adm/ad/angelfire-freeAd2.jpg" alt="Site hosted by Angelfire.com: Build your free website today!" style="display:block; border:0" /> </a> </div> <iframe id="lycosFooterAdiFrame" style="border:0; display:block; float:left; height:96px; overflow:hidden; padding:0; width:750px"></iframe> </div> </div> <!--- UNDERDOGMEDIA EDGE_lycos.com JavaScript ADCODE START---> <script data-cfasync="false" language="javascript" async src="//udmserve.net/udm/img.fetch?sid=17754;tid=1;dt=6;"></script> <!--- UNDERDOGMEDIA EDGE_lycos.com JavaScript ADCODE END---> <BR><FONT COLOR="#FFFFE6" SIZE=6><I>Freefall Guru Interface (Version 2.1)</I></FONT></body></HTML>'; var window_top = 0; var window_left = 0; guruWindow = window.open('guru.htm','GURU','resizable=yes,width=' + window_width + ',height=' + window_height + ',top=' + window_top + ',left=' + window_left + ''); } } // --></SCRIPT></HEAD> <BODY BACKGROUND="images/horizon.jpg" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLL="NO" onload="openGuru()" LINK="#8080FF" TEXT="#9A9A9A" ALINK="#FF0000" VLINK="#8080FF"> <!-- <DIV ID="crapLayer" STYLE="position: absolute; left: 0px; top: 0px; width: 90px; height: 30px; z-index: 1; visibility: hidden;"> "This site is best viewed with Netscape Communicator. Download Netscape Now!"<A HREF="http://home.netscape.com/comprod/mirror/index.html"><IMG SRC="images/netscape_now_static.gif" WIDTH="90" HEIGHT="30" BORDER="0"> </DIV> --> <SCRIPT> if(is.ns2 || is.ns3 || is.ie3 || is.op3) { document.write('<CENTER><BR><BR><BR><BR><TABLE BORDER=0 WIDTH="220" CELLPADDING="10" CELLSPACING="0"><TR><TD ALIGN=CENTER><IMG SRC="images/openeye.gif"></TD></TR><TR><TD>To experience this site fully you need a DHTML compatible browser. Please use <A HREF="http://www.netscape.com">Netscape 4.0</A> or <A HREF="http://www.microsoft.com">Explorer 4.0</A> and above.</TD></TR><TR><TD ALIGN=RIGHT><A HREF="mailto:rouyer@htmlguru.com"><I>Jeff Rouyer</I></A></TD></TR></TABLE></CENTER>'); document.close(); } else if(is.ie4 || is.ns4) { var msg = '<CENTER><BR><BR><BR><BR><TABLE BORDER=0 WIDTH="220" CELLPADDING="10" CELLSPACING="0"><TR><TD ALIGN=CENTER><IMG SRC="images/openeye.gif"></TD></TR><TR><TD>Select to <A HREF="javascript:void(null)" onclick="openGuru()">re-open</A> the DHTML Guru Window</TD></TR>'; if(is.ie4) { msg += '<TR><TD><FONT SIZE=2>Are you getting the:<B>"No such interface supported"</b> JavaScript error? If so, then visit the <A HREF="content/welcome/bug.htm">bug</A> page to fix your common Explorer "Window Open" bug.</FONT></TD></TR>'; } msg += '<TR><TD ALIGN=RIGHT><FONT SIZE=2>Version 2.0<BR><A HREF="mailto:rouyer@htmlguru.com"><I>Jeff Rouyer</I></A>, 1998<BR>Dynamic HTML Guru Resource</FONT></TD></TR></TABLE></CENTER>'; document.write(msg) document.close(); } </SCRIPT> <NOSCRIPT> <CENTER><BR><BR><BR><BR><TABLE BORDER=0 WIDTH="220" CELLPADDING="10" CELLSPACING="0"><TR><TD ALIGN=CENTER><IMG SRC="images/openeye.gif"></TD></TR><TR><TD>To experience this site fully you need a DHTML compatible browser. Please use <A HREF="http://www.netscape.com">Netscape 4.0</A> or <A HREF="http://www.microsoft.com">Explorer 4.0</A> and above.</TD></TR><TR><TD ALIGN=RIGHT><A HREF="mailto:rouyer@htmlguru.com"><I>Jeff Rouyer</I></A></TD></TR></TABLE></CENTER> </NOSCRIPT> </body> </HTML>