<h2><span class="caps">CSS</span> and script shortcuts</h2>
<p>The following are useful to keep paths for scripts and <span class="caps">CSS</span> all in one place. Example:</p>
<pre>
<code>
<st:script src="jquery.js"/>
</code>
</pre>
<p>Becomes:</p>
<pre>
<code>
<script type="text/javascript" src="/myapp/static/scripts/jquery.js"> </script>
</code>
</pre>
<p>Code:</p>
<pre>
<code>
seethrough.processors['http://hyperstruct.net/seethrough#js::css'] =
function(attrValue) {
return function stScript(element, env, children) {
var cssPath = '/myapp/static/style/' + element.@href;
return <link rel="stylesheet" xmlns="http://www.w3.org/1999/xhtml"
href={cssPath} type="text/css"/>;
}
};
seethrough.processors['http://hyperstruct.net/seethrough#js::script'] =
function(attrValue) {
return function stScript(element, env, children) {
var scriptPath = '/mypapp/static/scripts/' + element.@src;
return <script type="text/javascript" xmlns="http://www.w3.org/1999/xhtml"
src={scriptPath}> </script>;
}
};
</code>
</pre>
<p><strong>Please note</strong>: the above will make designers unable to work on templates independently of the application.</p>
2008-09-21T04:15:13-07:00
58538
extension-library
53615
Extension Library
2008-09-21T04:48:21-07:00
19322