...
Each layout template serves as a container for all the components of a given web page, including the doctype declaration, html header, and body sections. Both layouts contain an html form declaration. The weblayout template has a default form action, while the form action in the weblayout_form template is set via javascript.
Weblayout_form Template
Code Block |
---|
<\!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> [ head.template ] </head> <body> <div class="portlet-font"><!-- This is placed in a separate block from body so the IE hack for small font sizes can be placed on body --> <div id="hi1"> [ header.template ] </div><!-- End hi1 --> <div id="mid"><!-- THIS LAYOUT IS ONLY FOR PAGES THAT CAN HAVE A DEFAULT FORM ACTION --> <form id="PageForm" action="$pageAction" method="post"> <button onclick="map.form.formAction('PageForm','$pageAction')" style="display:none"> This button just enables the enter key to perform the default form action </button> <div id="nav1"> [ utilityBox.template ] [ legend.template ] </div> <div id="nav2"> <h1>$pageTitle</h1> [ messages ] </div> [ bodyContent.template ] </form> </div><!-- End mid --> <div id="lo2" > [ footer.template ] </div><!-- End lo2 --> </div><!-- end class portlet-font --> </body> </html> |
Header Template
Code Block |
---|
<%-\- TODO: Most of this stuff is boilerplate and probably should be in a different file that doesn't get edited app to app \--%> <title>Oas Skeleton Demo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="pragma" content="no-cache" /> <link href="/dhtml/css/suit_layout.css" type="text/css" rel="stylesheet" /> <link href="/dhtml/css/insidemit.css" type="text/css" rel="stylesheet" /> <link href="css/app_layout.css" type="text/css" rel="stylesheet" /> <\!--\[if lt IE 8\]> <link href="/dhtml/css/suit_IEfix.css" type="text/css" rel="stylesheet" /> <\!\[endif\]--> <script src="/dhtml/js/dojo.js" type="text/javascript"></script> <script src="/dhtml/js/src/mit/methods.js" type="text/javascript"></script> <script src="/dhtml/js/src/mit/insidemit.js" type="text/javascript"></script> <script src="js/app_specific.js" type="text/javascript"></script> <script type="text/javascript"> function viewHelper() { var currentPage = document.getElementById("pageName").value; switch (currentPage) { case "booey": settingsInit(); default: break; } } </script> <script type="text/javascript"> dojo.require("dojo.mit.*"); dojo.require("dojo.event.*"); dojo.require("dojo.io.*"); dojo.addOnLoad(viewHelper); </script> <script src="js/gotoView.js" type="text/javascript"></script> <script src="js/setValues.js" type="text/javascript"></script> |