Exit
template=Default.htm redirect=null nonjstitle=Use of JavaScript nonjs=<div class="pagebackground"></div><div class="thepage"> <div id="LeftEar" class="leftear contentarea"><div class="panelcontent"><div class="Inherit"></div></div></div> <div id="RightEar" class="rightear contentarea"><div class="rightearchild" style="display:inline-block;width:100%;"><div class="panelcontent"><div class="SocialMedia"><div style="text-align:center;"><div style="display:inline-block;margin:2px;"><iframe src="//www.facebook.com/plugins/like.php?href=login.marloweos.com&send=false&layout=box_count&width=45&show_faces=false&action=like&colorscheme=light&font&height=90" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:45px; height:60px;" allowtransparency="true"></iframe></div><div style="display:inline-block;margin:2px;"><div id="gplus_button"><img src="/System/Software/HTML/loading.gif?req-plain=1" style="width:64px" alt="Loading"></div></div></div></div></div></div></div> <div class="thepageinner"> <div class="statictopright contentarea" id="StaticTopRightArea"></div> <div class="sitenotices" id="SiteNotices"><span><span class="foldablepaneltitlefolded" id="foldtitle83567972" onclick="Packages.Library.$.ToggleFold('83567972')">This page uses Cookies to improve your experience, details...<span class="foldablepanelopen" id="foldhr83567972" style="text-align:center;vertical-align:center;font-weight:bold;font-size:xx-large;overflow:hidden;cursor:pointer;height:16px;">ˇ</span></span><span class="foldablepanelareafolded" id="foldarea83567972">The content that *may be using Cookies on this page is:<ul><li>'Google Analytics' *may be using Analytical cookies</li></ul>*May be using cookies - since this content is hosted by a third party, we can not give details on their cookie usage.<br>For more information about Cookies on this site please visit the <a href="http://web.marloweos.com/Information/Cookies_and_Privacy.mhtm">Cookie and Privacy Page</a><span class="foldablepanelclose" style="text-align:center;vertical-align:center;font-weight:bold;font-size:xx-large;overflow:hidden;cursor:pointer;height:16px;" onclick="Packages.Library.$.ToggleFold('83567972')">ˆ</span></span></span></div> <div class="topnavarea contentarea" id="TopNavArea"></div> <div class="titlebanner" id="titlebanner"> <table border="0" width="100%"><tbody><tr><td width="100px"> <div class="logoarea contentarea" id="LogoArea"><div class="logoareachild" style="display:inline-block;width:100%;"><a href="../Home.mhtm"><div class="panelcontent"><div class="Image"><img src="../.images/m_logo.gif?req-plain=1" alt="The Marlowe test Logo" width="200px" style="width:200px"></div></div></a></div></div> </td><td> <div class="titlearea"><table border="0"><tbody><tr><td><div id="titlearea"> <div class="sitetitlearea contentarea" id="SiteTitleArea"><div class="sitetitleareachild" style="display:inline-block;width:100%;"><div class="panelcontent"><div class="Tag"><h1>The Marlowe Online Server - WEB Interface</h1></div></div></div></div> <div class="pagetitlearea contentarea" id="PageTitleArea"><div class="pagetitleareachild" style="display:inline-block;width:100%;"><div class="panelcontent"><div class="Tag"><h2>Use of JavaScript</h2></div></div></div></div> <div class="sloganarea contentarea" id="SloganArea"><div class="sloganareachild" style="display:inline-block;width:100%;"><div class="panelcontent"><div class="Text"><p>Building websites with ease</p></div></div></div></div> </div></td></tr></tbody></table></div> </td><td> <div class="rightlogoarea contentarea" id="RightLogoArea"><div class="rightlogoareachild" style="display:inline-block;width:100%;"><div class="panelcontent"><div class="Seasonal"></div></div></div></div> </td></tr></tbody></table> </div> <div class="clearcss"></div> <div class="sitenavarea contentarea" id="SiteNavArea"><div class="sitenavareachild" style="display:inline-block;width:100%;"><div class="panelcontent"><div class="Menu"><ul class="menu"><li onclick="location.href='../Home.mhtm'"><a href="../Home.mhtm">Home</a></li><li><a href="#" style="width:100%">Information</a><ul class="menusub"><li onclick="location.href='../Information/Cookies_and_Privacy.mhtm'"><a href="../Information/Cookies_and_Privacy.mhtm">Cookies and Privacy</a></li><li onclick="location.href='../Information/Use_of_Javascript.mhtm'"><a href="../Information/Use_of_Javascript.mhtm">Use of Javascript</a></li></ul></li><li onclick="location.href='../Minute_Page.mhtm'"><a href="../Minute_Page.mhtm">Minute Page</a></li><li onclick="location.href='../News.mhtm'"><a href="../News.mhtm">News</a></li><li onclick="location.href='../Site_Map.mhtm'"><a href="../Site_Map.mhtm">Site Map</a></li><li onclick="location.href='../Software_Testing.mhtm'"><a href="../Software_Testing.mhtm">Software Testing</a></li><li><a href="#" style="width:100%">Tests</a><ul class="menusub"><li><a href="#" style="width:100%">NewsArticles</a><ul class="menusub"><li onclick="location.href='#'"><a href="#" onclick="Packages.$i.TextVars[24].Open('../Tests/NewsArticles/DownTime.news', 'news')">DownTime</a></li><li onclick="location.href='#'"><a href="#" onclick="Packages.$i.TextVars[24].Open('../Tests/NewsArticles/NewSoftwarev2.news', 'news')">NewSoftwarev2</a></li><li onclick="location.href='#'"><a href="#" onclick="Packages.$i.TextVars[24].Open('../Tests/NewsArticles/NewSoftwarev3.news', 'news')">NewSoftwarev3</a></li><li onclick="location.href='#'"><a href="#" onclick="Packages.$i.TextVars[24].Open('../Tests/NewsArticles/NewsBugFix.news', 'news')">NewsBugFix</a></li></ul></li><li><a href="#" style="width:100%">Other</a><ul class="menusub"><li onclick="location.href='../Tests/Other/TestPage.mhtm'"><a href="../Tests/Other/TestPage.mhtm">TestPage</a></li></ul></li><li onclick="location.href='../Tests/Tabs.mhtm'"><a href="../Tests/Tabs.mhtm">Tabs</a></li></ul></li><li><a href="#" style="width:100%">Tutorial</a><ul class="menusub"><li onclick="location.href='../Tutorial/Home.mhtm'"><a href="../Tutorial/Home.mhtm">Home</a></li><li onclick="location.href='../Tutorial/Accounts.mhtm'"><a href="../Tutorial/Accounts.mhtm">Accounts</a></li><li onclick="location.href='../Tutorial/Administration_Page.mhtm'"><a href="../Tutorial/Administration_Page.mhtm">Administration Page</a></li><li onclick="location.href='../Tutorial/Users.mhtm'"><a href="../Tutorial/Users.mhtm">Users</a></li><li onclick="location.href='../Tutorial/Webpage_Edit.mhtm'"><a href="../Tutorial/Webpage_Edit.mhtm">Webpage Edit</a></li><li onclick="location.href='../Tutorial/Webpage_Styling.mhtm'"><a href="../Tutorial/Webpage_Styling.mhtm">Webpage Styling</a></li><li onclick="location.href='../Tutorial/Webpage_Wizard.mhtm'"><a href="../Tutorial/Webpage_Wizard.mhtm">Webpage Wizard</a></li><li onclick="location.href='../Tutorial/Webpages_and_Master_pages.mhtm'"><a href="../Tutorial/Webpages_and_Master_pages.mhtm">Webpages and Master pages</a></li></ul></li><li onclick="location.href='../Updates.mhtm'"><a href="../Updates.mhtm">Updates</a></li></ul><div class="menuframe" id="menuframe0"></div></div></div></div></div> <div class="clearcss"></div> <div class="mainarea" id="MainArea"> <div class="sidearea contentarea" id="SideArea"><div class="sideareachild" style="display:inline-block;width:100%;"><div class="paneltitle"><h3><a style="" name="vSideArea">In This Section</a></h3></div><div class="panelcontent"><div class="Menu"><ul class="menu"><li onclick="location.href='Cookies_and_Privacy.mhtm'"><a href="Cookies_and_Privacy.mhtm">Cookies and Privacy</a></li><li onclick="location.href='Use_of_Javascript.mhtm'"><a href="Use_of_Javascript.mhtm">Use of Javascript</a></li></ul><div class="menuframe" id="menuframe0"></div></div></div></div></div> <div class="bodyarea"><table border="0" style="width:100%"><tbody><tr><td><div class="contentarea" id="BodyArea"><div class="bodyareachild" style="display:inline-block;width:100%;"><div class="panelcontent"><div class="Text"><p></p></div></div></div><div class="bodyareachild" style="display:inline-block;width:100%;"><div class="panelcontent"><div class="RichText"><div class="richtext" id="richtext_editor483969"><h2 class="">What is Javascript?</h2><div>Javascript is scripting language supported by all major browsers. A standard HTML web page works perfectly well without Javascript, but Javascript can be used to change the content of the page dynamically either in response to user input, or internally.</div><h2 class="">Why is it used?</h2><div>Early Javascript was used mainly to provide client side warnings about incorrect form submissions. You will have seen this when you try and enter details, sometimes fields are flagged in red when they are missing or incorrect.</div><div>Javascript is a very powerful scripting language, and because of this it is now used to do far more in the generation of the rich web experience.</div><div>Almost all interactive web pages are using Javascript to do the interaction.</div><h2 class="">How is Javascript used on this site?</h2><div>Javascript is used on this site to completely render the entire web page. The web page is sent to the browser as a block of Javascript data, that describes the page.</div><h2 class="">What if Javascript is disabled?</h2><div>If Javascript is disabled, you will see the non-Javascript version of the page. This version is a snapshot and may not be 100% up to date. It will also have all of the interactive features disabled.</div><div>The non-Javascript view is also what search engine crawlers see and crawl.</div><h2 class="">Why is this page rendered in Javascript and not just HTML like every other website?</h2><div>Excellent question! The page is created dynamically on every page request. There is no HTML version on the server (other than the non-Javascript snapshot). Therefore the page must be generated somewhere.</div><div>The principal behind rendering client side, is to conserve processing power server side. The server side application is written in C (a compiled and extremely fast programming language). However C is not particularly fast or efficient at manipulating large quantities of text (or HTML). So sending the data to the browser to be rendered in Javascript is very effective.</div><div>It also means that when the site is edited in Javascript and viewed - it is an identical version to the finished page because the exact same code is handling the generation.</div></div></div></div></div></div></td></tr></tbody></table></div> </div> <div class="footerarea"> <div style="float:left;" class="contentarea" id="FooterArea"><div class="footerareachild" style="display:inline-block;width:100%;"><div class="panelcontent"><div class="Text"><p>The Marlowe Online Server WEB Interface</p><p>Email: MarloweOS@hotmail.com</p><p>Web: web.marloweos.com</p></div></div></div></div> </div> </div></div><div style="width:100%;text-align:right;background-color:#000000;opacity: 0.5;"><a style="color:#FFFFFF;font-size:small;text-decoration:none;" href="http://web.marloweos.com">Hosted by the Marlowe Online Server WEB Interface</a></div> nonjscss=/*Packages.$i.TextVars[17]*/.sitenotices { background-color: #DDDDDD; color: #000000; text-align:left; padding:2px; border-bottom: 1px solid black;}.pageedit { display:none;}.thepage button { -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;color:#FFFFFF;border:0px solid #000000;background: #163E5C;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#163E5C), to(#43BBFF));background: -webkit-linear-gradient(#163E5C, #43BBFF);background: -moz-linear-gradient(#163E5C, #43BBFF);background: -ms-linear-gradient(#163E5C, #43BBFF);background: -o-linear-gradient(#163E5C, #43BBFF);background: linear-gradient(#163E5C, #43BBFF);-pie-background: linear-gradient(#163E5C, #43BBFF); border:0; padding:5px; cursor:pointer;}.thepage button:hover { color:#FFFFFF;background: #2D7DB9;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2D7DB9), to(#5AFAFF));background: -webkit-linear-gradient(#2D7DB9, #5AFAFF);background: -moz-linear-gradient(#2D7DB9, #5AFAFF);background: -ms-linear-gradient(#2D7DB9, #5AFAFF);background: -o-linear-gradient(#2D7DB9, #5AFAFF);background: linear-gradient(#2D7DB9, #5AFAFF);-pie-background: linear-gradient(#2D7DB9, #5AFAFF);}.button100{ margin:2px; width:100px; height:40px;}.tablevisibleborder { -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;color:#FFFFFF;border:0px solid #000000;background: #163E5C;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#163E5C), to(#43BBFF));background: -webkit-linear-gradient(#163E5C, #43BBFF);background: -moz-linear-gradient(#163E5C, #43BBFF);background: -ms-linear-gradient(#163E5C, #43BBFF);background: -o-linear-gradient(#163E5C, #43BBFF);background: linear-gradient(#163E5C, #43BBFF);-pie-background: linear-gradient(#163E5C, #43BBFF); width:100%;}.tablevisibleborder td { -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-box-shadow: #666 0px 2px 50px;-moz-box-shadow: #666 0px 2px 50px;box-shadow: #666 0px 2px 50px;color:#000000;border:0px solid #000000;background: #E1FFFF;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E1FFFF), to(#FFFFFF));background: -webkit-linear-gradient(#E1FFFF, #FFFFFF);background: -moz-linear-gradient(#E1FFFF, #FFFFFF);background: -ms-linear-gradient(#E1FFFF, #FFFFFF);background: -o-linear-gradient(#E1FFFF, #FFFFFF);background: linear-gradient(#E1FFFF, #FFFFFF);-pie-background: linear-gradient(#E1FFFF, #FFFFFF); -webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none; border:0; padding-left:5px; padding-right:5px; text-align:center;}a img { border:none;}/************ Text Styles ****************/h1 {color: #163E5C;font-family: sans-serif;}h2 {color: #163E5C;font-family: sans-serif;}h3 {color: #163E5C;font-family: sans-serif;}h4 {color: #163E5C;font-family: sans-serif;}h5 {color: #163E5C;font-family: sans-serif;}h6 {color: #163E5C;font-family: sans-serif;}h7 {color: #163E5C;font-family: sans-serif;text-align: right;;display:block;}h1 a {color: #163E5C;font-family: sans-serif;}h2 a {color: #163E5C;font-family: sans-serif;}h3 a {color: #163E5C;font-family: sans-serif;}h4 a {color: #163E5C;font-family: sans-serif;}h5 a {color: #163E5C;font-family: sans-serif;}h6 a {color: #163E5C;font-family: sans-serif;}h7 a {color: #163E5C;font-family: sans-serif;text-align: right;;display:block;}/* - ********* End of text styles ***********//************* Page areas *******************/.titlearea h1 { margin-top:5px; margin-bottom:5px;}.titlearea h2 { margin-top:5px; margin-bottom:5px;}h3 { font-family: auto; font-weight:normal;}.statictopright { position:fixed; right:0px; height:1px; text-align:right; z-index:1000;}.statictoprightareachild { -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-box-shadow: #666 0px 2px 50px;-moz-box-shadow: #666 0px 2px 50px;box-shadow: #666 0px 2px 50px;color:#000000;border:0px solid #000000;background: #E1FFFF;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E1FFFF), to(#FFFFFF));background: -webkit-linear-gradient(#E1FFFF, #FFFFFF);background: -moz-linear-gradient(#E1FFFF, #FFFFFF);background: -ms-linear-gradient(#E1FFFF, #FFFFFF);background: -o-linear-gradient(#E1FFFF, #FFFFFF);background: linear-gradient(#E1FFFF, #FFFFFF);-pie-background: linear-gradient(#E1FFFF, #FFFFFF); opacity:0.95;}.statictoprightareachild { text-align:right; float:right;}.pagebackground { position: fixed; left:0; top:0; z-index: -100000; width: 100%; height: 100%; -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;color:#FFFFFF;border:0px solid #091925;background-image: url('../.images/gallery/IMAG0081.jpg');background-size:cover; border:hidden; margin:0;}body { margin:0;}.thepage { -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-box-shadow: #666 0px 2px 50px;-moz-box-shadow: #666 0px 2px 50px;box-shadow: #666 0px 2px 50px;color:#000000;border:0px solid #000000;background: #E1FFFF;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E1FFFF), to(#FFFFFF));background: -webkit-linear-gradient(#E1FFFF, #FFFFFF);background: -moz-linear-gradient(#E1FFFF, #FFFFFF);background: -ms-linear-gradient(#E1FFFF, #FFFFFF);background: -o-linear-gradient(#E1FFFF, #FFFFFF);background: linear-gradient(#E1FFFF, #FFFFFF);-pie-background: linear-gradient(#E1FFFF, #FFFFFF); border:hidden; width:1024px; margin-left: auto; margin-right: auto;}.thepageinner { width: 100%; height:100%;}div.mainarea { display:inline; width:100%; height:1%; overflow:hidden;}div.sidearea { width:200px; margin:5px; float:right; border-left:1px solid black;padding:10px;}.sidearea table { width:95%;}div.bodyarea { vertical-align:top; margin-top:10px;margin-bottom:10px; overflow-y:hidden;}div.logoarea { display:inline-block; width:200px; float:left;}div.rightlogoarea { display:inline-block; float:right;}div.titlearea { margin-left: 10px;}div.sloganarea { float:none; clear:both; font-style:italic;}.footerarea { -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;color:#FFFFFF;border:0px solid #000000;background: #163E5C;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#163E5C), to(#43BBFF));background: -webkit-linear-gradient(#163E5C, #43BBFF);background: -moz-linear-gradient(#163E5C, #43BBFF);background: -ms-linear-gradient(#163E5C, #43BBFF);background: -o-linear-gradient(#163E5C, #43BBFF);background: linear-gradient(#163E5C, #43BBFF);-pie-background: linear-gradient(#163E5C, #43BBFF); font-style:italic; padding: 0 0px 0 0px; margin-top: 0px; vertical-align:middle; display:inline-block; width:100%; clear:both;}.footerareachild { float:left; padding: 0 1px 0 5px; margin-top: 0px; line-height:0; white-space:normal;}.sideareachild { -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#163E5C;border:0px solid #091925;background: none;background: -webkit-gradient(linear, 0 0, 0 bottom, from(none), to(none));background: -webkit-linear-gradient(none, none);background: -moz-linear-gradient(none, none);background: -ms-linear-gradient(none, none);background: -o-linear-gradient(none, none);background: linear-gradient(none, none);-pie-background: linear-gradient(none, none); margin-top:10px;margin-bottom:10px; padding:0px; overflow:hidden; width:100%;}.sideareachild .panelcontent { padding:5px;}.sideareachild h3 { text-align: center; margin-top:0;}.sideareachild h4 { text-align: center;}.sideareachild h5 { text-align: center;}.sideareachild h6 { text-align: center;}.sideareachild h7 { text-align: center;}.sidearea .paneltitle a { color:#163E5C;}.sidearea .paneltitle { -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#163E5C;border:1px solid #091925;background: none;background: -webkit-gradient(linear, 0 0, 0 bottom, from(none), to(none));background: -webkit-linear-gradient(none, none);background: -moz-linear-gradient(none, none);background: -ms-linear-gradient(none, none);background: -o-linear-gradient(none, none);background: linear-gradient(none, none);-pie-background: linear-gradient(none, none); width:100%; padding:0px; border: none; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.paneltitle h3 { padding:0px; margin-top:0px; margin-bottom:0px;}/* Ears */.leftear { position:fixed; margin-left:-80px; width:80px; margin-top:200px; text-align:right;}.rightear { position:fixed; margin-left:1024px; width:80px; margin-top:200px; text-align:left;}.leftearchild, .rightearchild { -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-box-shadow: #666 0px 2px 50px;-moz-box-shadow: #666 0px 2px 50px;box-shadow: #666 0px 2px 50px;color:#000000;border:0px solid #000000;background: #E1FFFF;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E1FFFF), to(#FFFFFF));background: -webkit-linear-gradient(#E1FFFF, #FFFFFF);background: -moz-linear-gradient(#E1FFFF, #FFFFFF);background: -ms-linear-gradient(#E1FFFF, #FFFFFF);background: -o-linear-gradient(#E1FFFF, #FFFFFF);background: linear-gradient(#E1FFFF, #FFFFFF);-pie-background: linear-gradient(#E1FFFF, #FFFFFF); width:80px;}/* other */img { width:100%} .menu li:hover { color:#FFFFFF;background: #2D7DB9;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2D7DB9), to(#5AFAFF));background: -webkit-linear-gradient(#2D7DB9, #5AFAFF);background: -moz-linear-gradient(#2D7DB9, #5AFAFF);background: -ms-linear-gradient(#2D7DB9, #5AFAFF);background: -o-linear-gradient(#2D7DB9, #5AFAFF);background: linear-gradient(#2D7DB9, #5AFAFF);-pie-background: linear-gradient(#2D7DB9, #5AFAFF); } .menu a{ color:#FFFFFF; text-decoration:none; } .menusub a{ color:#FFFFFF; text-decoration:none; } .menu{ -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;color:#FFFFFF;border:0px solid #000000;background: #163E5C;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#163E5C), to(#43BBFF));background: -webkit-linear-gradient(#163E5C, #43BBFF);background: -moz-linear-gradient(#163E5C, #43BBFF);background: -ms-linear-gradient(#163E5C, #43BBFF);background: -o-linear-gradient(#163E5C, #43BBFF);background: linear-gradient(#163E5C, #43BBFF);-pie-background: linear-gradient(#163E5C, #43BBFF); text-transform:capitalize; padding:0; margin-top:0; margin-left: 0px; margin-bottom:0; width:100%; list-style:none; display:inline-block; } .menu li{ margin-left:0px; border:none; cursor:pointer; float:left; padding:3px 0 3px 0; width: 155px; height: 25px; text-align:center; vertical-align: middle; } .sitenavareachild { width:100%; } .menusub { -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;color:#FFFFFF;border:0px solid #000000;background: #163E5C;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#163E5C), to(#43BBFF));background: -webkit-linear-gradient(#163E5C, #43BBFF);background: -moz-linear-gradient(#163E5C, #43BBFF);background: -ms-linear-gradient(#163E5C, #43BBFF);background: -o-linear-gradient(#163E5C, #43BBFF);background: linear-gradient(#163E5C, #43BBFF);-pie-background: linear-gradient(#163E5C, #43BBFF); display:none; position:relative; padding-left:0; margin-top:5.5px; left:0px; z-index:100; } .menu li:hover > ul{ display:table-cell; } .menusub li { position:relative; display:list-item; padding-left:5px; list-style:none; left:0px; text-align:left; clear:both; z-index:100; width:150px; margin-left:0px; } .menusub li > ul{ display:none; } .menusub li:hover > ul{ position:absolute; display:table-cell; padding-left:0px; margin-top:-18px; margin-left:155px; } .menuselected { font-weight:bold; text-decoration:underline; } .menuframe { position:fixed; top:0; left:0; padding-top:2%; padding-left:20%; padding-right:20%; width:60%; display:none; z-index:1000; } .menuframe iframe{ position:relative; margin:0; background-color:#FFFFFF; display:block; } .sidearea .menu a{ color:#163E5C; text-decoration:none; font-weight:none; text-wrap:normal; white-space:normal; } .sidearea .menu{ background: none; white-space:nowrap; list-style:none; margin-left: 0px; text-decoration:none; padding:0; position: relative; left:0px; text-transform:capitalize; } .sidearea .menu li{ padding:0 5px 0 5px; cursor:pointer; position: relative; text-decoration:none; display:block; list-style:none; margin-bottom:2px; } .sidearea li:hover > ul{ display:table-cell; position:absolute; margin-top:-20px; margin-left:170px; padding-left:0px; } .titlebanner .image { border:none; } .imagecaption { font-size:small; padding:2px; font-style:italic; } .imageimage { border:1px solid grey; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#163E5C;border:0px solid #091925;background: none;background: -webkit-gradient(linear, 0 0, 0 bottom, from(none), to(none));background: -webkit-linear-gradient(none, none);background: -moz-linear-gradient(none, none);background: -ms-linear-gradient(none, none);background: -o-linear-gradient(none, none);background: linear-gradient(none, none);-pie-background: linear-gradient(none, none); overflow:hidden; } .imagecaptioncontainer { -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#163E5C;border:0px solid #091925;background: none;background: -webkit-gradient(linear, 0 0, 0 bottom, from(none), to(none));background: -webkit-linear-gradient(none, none);background: -moz-linear-gradient(none, none);background: -ms-linear-gradient(none, none);background: -o-linear-gradient(none, none);background: linear-gradient(none, none);-pie-background: linear-gradient(none, none); padding:2px; border:1px solid black; margin:5px; } nonjsheadhtml= lastedit=1342908541810 lasteditor=Admin var page = {Version: 3,Areas: {vPageTitleArea: [{type: "Tag",data: {tag: "h2",content: "Use of JavaScript"},cache: {},id: 77240,linebreak: 1}],vBodyArea: [{type: "RichText",data: {richtext: "<h2 class=\\q\\q>What is Javascript?<\\lh2><div>Javascript is scripting language supported by all major browsers. A standard HTML web page works perfectly well without Javascript, but Javascript can be used to change the content of the page dynamically either in response to user input, or internally.<\\ldiv><h2 class=\\q\\q>Why is it used?<\\lh2><div>Early Javascript was used mainly to provide client side warnings about incorrect form submissions. You will have seen this when you try and enter details, sometimes fields are flagged in red when they are missing or incorrect.<\\ldiv><div>Javascript is a very powerful scripting language, and because of this it is now used to do far more in the generation of the rich web experience.<\\ldiv><div>Almost all interactive web pages are using Javascript to do the interaction.<\\ldiv><h2 class=\\q\\q>How is Javascript used on this site?<\\lh2><div>Javascript is used on this site to completely render the entire web page. The web page is sent to the browser as a block of Javascript data, that describes the page.<\\ldiv><h2 class=\\q\\q>What if Javascript is disabled?<\\lh2><div>If Javascript is disabled, you will see the non-Javascript version of the page. This version is a snapshot and may not be 100\\p up to date. It will also have all of the interactive features\\anbsp;disabled.<\\ldiv><div>The non-Javascript view is also what search engine crawlers see and crawl.<\\ldiv><h2 class=\\q\\q>Why is this page rendered in Javascript and not just HTML like every other website?<\\lh2><div>Excellent question! The page is created dynamically on every page request. There is no HTML version on the server (other than the non-Javascript snapshot). Therefore the page must be generated somewhere.<\\ldiv><div>The principal behind rendering client side, is to conserve processing power server side. The server side application is written in C (a compiled and extremely fast programming language). However C is not particularly fast or efficient at manipulating large quantities of text (or HTML). So sending the data to the browser to be rendered in Javascript is very effective.<\\ldiv><div>It also means that when the site is edited in Javascript and viewed - it is an identical version to the finished page because the exact same code is handling the generation.<\\ldiv>"},cache: {},id: 485182,linebreak: 1}],vLeftEar: [{type: "Inherit"}],vRightEar: [{type: "Inherit"}],vStaticTopRightArea: [{type: "Inherit"}],vTopNavArea: [{type: "Inherit"}],vLogoArea: [{type: "Inherit"}],vSiteTitleArea: [{type: "Inherit"}],vSloganArea: [{type: "Inherit"}],vRightLogoArea: [{type: "Inherit"}],vSiteNavArea: [{type: "Inherit"}],vSideArea: [{type: "Inherit"}],vFooterArea: [{type: "Inherit"}]},Attributes: {Title: {type: "Title",data: {title: "Use of JavaScript"},cache: {}}}}
0