D 2013-10-16T21:33:33.810
L home
N text/plain
P f3f415fc9a32be1362d496942c9001385ba6b239
U carlosru
W 3591
<head>
<style type="text/css">
body { font-family:arial, verdana}
.codigo{ color:#C00000;}
</style>
</head>
<body >
<div style="margin-left:50px;margin-right=50px;">
<br />
<font color='blue'><h1 align="center">PreprecessorJS</h1></font>
<br />
<p>
PreprecessorJS is a simple parser to transform simple tokens into <script></script> tags, and
rewrites the generated markup,or better said is a kind of preprocessor like php, jsp, asp but using the native
javascript as language.</p>
<h2>Example:</h2>
The default pair of tokens used for <font color="#009966">preprocessorJS</font> (PJS) are <b>"{?" and "?}" </b> and for assignament <b>{?=(<nowiki>[JavascriptVar]</nowiki>) ?}</b> inside these tokens should go javascript code.
You can change the pair of tokens inside the preprocessorJS.js changing openToken,assignamentToken and closeToken variables.<br />
<br />
<br />
So for example:<br />
<br />
<div class="codigo">
{? var name="Alice";<br />
var where="in the wonderland";<br />
?}<br />
<br />
<h2>The book is {?=(name);?} &nbsp; {?=(where);?} </h2><br />
</div>
<br />
And the tokens are mixed and embeded in a html page, that will be preprocessed loading<br />
the preprocessorJS.js javascript on the load event in the body tag and calling changeIt() function.<br />
<br />
<div class="codigo">
<head><br />
<script src="./lib/preprocessorJS.js" type="text/javascript"></script><br />
</head><br />
<br />
<body onload="changeIt();"></div><br />
<br />
The resulted markup will be something like:<br />
<div class="codigo"><h2>The book is Alice in the wonderland</h2></div><br />
<br />
You can also have very simple if-block like this<br />
<div class="codigo">
{? if(name="Alice"){ ?};<br />
<p>Some markup..</p><br />
{? } else { ?};<br />
<p>Other markup...</p><br />
?}<br />
</div>
<p>
Finally in this version, you can have just GET parameters comming from a HTML Form.
Using the array <b>parms['parName']</b> where 'parName' is the parameter corresponding to the
name of the elements in your form.<br />
var name=
<div class="codigo">
{? <br />
var name=params<nowiki>['theName']</nowiki>;<br />
?}<br />
</div>
<br />
<br />
This is licenced under Apache 2.0<br />
<br />
And the repository is a Fossil one on <a href="https://chiselapp.com/user/carlosru/repository/processorjs">SCM processJS</a><br />
<br />
Please, donate <br /><br />
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="RA782FJ6V3ZE4">
<input type="image" src="https://www.paypalobjects.com/en_US/MX/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form> <br />
or contribute to improve it or use it without <i>any warranty</i>, just<br />
in the spirit to have a handy tool that could help!.<br />
<br />
<p>
This script was developed by <a href="mailto:carlosru@factware.info">carlosru@factware.info </a>, please use Fossil site.
To rise bugs, and ask for a user to contribute to the project.
</p>
</div>
</body>
</nowiki>
Z 46c4210aa4f501ac04d776a1ded19c43