I embedded this example form from Extjs javascript library:
http://extjs.com/deploy/dev/examples/form/dynamic.htmlI copied code and fixed the paths and copied code into a static content page located here - see how the javascript forms are all outside of the template:
http://emrgrids.com/index.php?option=com_content&task=view&id=15&Itemid=26here's code I added to a static content page:
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://www.emrgrids.com/extjs/resources/css/ext-all.css"/>
<link rel="stylesheet" type="text/css" href="http://www.emrgrids.com/extjs/resources/css/xtheme-default.css" /><!-- LIBS -->
<script type="text/javascript" src="http://www.emrgrids.com/extjs/adapter/ext/ext-base.js"></script>
<!-- ENDLIBS -->
<script type="text/javascript" src="http://www.emrgrids.com/extjs/ext-all.js"></script>
<script type="text/javascript" src="http://www.emrgrids.com/extjs/examples/form/states.js"></script>
<script type="text/javascript" src="http://www.emrgrids.com/extjs/examples/form/dynamic.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.emrgrids.com/extjs/examples/form/forms.css"/>
<!-- Common Styles for the examples -->
<link rel="stylesheet" type="text/css" href="http://www.emrgrids.com/extjs/examples/examples.css"/>
</head>
<body>
<script type="text/javascript" src="http://www.emrgrids.com/extjs/examples/examples.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.emrgrids.com/extjs/examples/lib.css" /><div id="lib-bar" class="x-toolbar" style="border-width:0 1px 1px"><div id="lib-bar-inner"> <span>Theme:</span>  <select id="exttheme"><option value="default">Ext Blue</option><option value="gray">Gray Theme</option></select></div></div>
<h1>Dynamic Forms built with JavaScript</h1>
<p>
These forms do not do anything and have very little validation. They solely demonstrate
how you can use Ext Forms to build and layout forms on the fly.
</p>
</body>
</html>
Anyone know what I can do to get this inside the template?
Author