Wiki page
[home] by
carlosru
2013-10-16 21:26:34.
D 2013-10-16T21:26:34.860
L home
P ac5ff59ff7464a05e7fd35f9f3d6f4134cc5bd60
U carlosru
W 3221
<style type="text/css">body { font-family:arial, verdana} .codigo{
color:#C00000;} </style>
<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=</p>
<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>
<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">
<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>
Z a988f5078c62c389f42b37410f179518