NST WUI - Revision history

WikiSysop: /* JavaScript */

2007-07-31T15:54:41Z

JavaScript

← Older revision		Revision as of 11:54, 31 July 2007
Line 95:		Line 95:

	= JavaScript =		= JavaScript =

			== Iterating Through An Associative Array ==

			You can't get a size or length of an associative array. The '''in''' keyword can be used to iterate through them:

			<pre class="programListing">
			var protoCnts = new Array();
			protoCnts['f1'] = 3;
			protoCnts['f2000'] = 4;

			var line = '';

			for (var i in protoCnts) {
			line += 'Frame: ' + i + ': ' + protoCnts[i] + '\n';
			}
			</pre>


	== Using JavaScript unescape ==		== Using JavaScript unescape ==

Paul Blankenbaker: /* Using JavaScript unescape */

2007-07-09T14:30:18Z

Using JavaScript unescape

← Older revision		Revision as of 10:30, 9 July 2007
Line 134:		Line 134:
	Hello		Hello
	</a>		</a>
	~~<<<~~EOD;		EOD;
	</pre>		</pre>

Paul Blankenbaker: Making sortable tables

2007-07-08T14:26:43Z

Making sortable tables

@@ Line 109: / Line 109: @@
 </pre>
-There following problems are evident:
+The following problems are evident:
 * The "'''&lt;'''" and "'''&gt;'''" symbols need to be replaced with their HTML escape sequence.
@@ Line 117: / Line 117: @@
 * Had the string not been static, it becomes very difficult to insert the proper escape sequences.
-This "escaping" is tedious work and very error prone. In this situation, we can greatly simplify our lives by making use of the '''JavaScript''' '''unescape()''' function provided with have a '''JavaScript''' '''escape()''' function on the server side. The following shows a '''PHP''' fragment of code which uses the '''rawurlencode()''' '''PHP''' function to generated the '''JavaScript''' escaped string:
+This "escaping" is tedious work and very error prone. In this situation, we can greatly simplify our lives by making use of the '''JavaScript''' '''unescape()''' function provided we can come up with a server side function that can "'''JavaScript''' '''escape()'''" a string on the server side. In '''PHP''', the '''rawurlencode()''' function is capable of performing the "'''JavaScript''' '''escape()'''".
@@ Line 134: / Line 136: @@
 &lt;&lt;&lt;EOD;
 </pre>

Paul Blankenbaker: Notes on JavaScript unescape and PHP rawurlencode.

2007-07-08T14:10:38Z

Notes on JavaScript unescape and PHP rawurlencode.

← Older revision		Revision as of 10:10, 8 July 2007
Line 93:		Line 93:

	* [http://w3schools.com/xml/xml_http.asp XMLHttpRequest Info at W3 Schools]		* [http://w3schools.com/xml/xml_http.asp XMLHttpRequest Info at W3 Schools]

			= JavaScript =

			== Using JavaScript unescape ==

			It can be tough to generate valid '''JavaScript''' code within '''HTML''' output from the server side using '''PHP''', '''bash''', '''xsl''', etc.

			For example, consider the case where we need to pass the string: ''Hello: '<b>World</b>' '' to the function: '''domTT_activate()''' on a mouse over event. The above gives an example of the invalid code which one might first come up with:

			<pre class="programListing">
			<a href="index.php"
			onmouseover="domTT_activate(this, event, 'content', 'Hello: '<b>World</b>'');">
			Hello
			</a>
			</pre>

			There following problems are evident:

			* The "'''<'''" and "'''>'''" symbols need to be replaced with their HTML escape sequence.

			* The single quote characters within the JavaScript string need to be JavaScript escaped (replace: "'" with: "\'").

			* Had the string not been static, it becomes very difficult to insert the proper escape sequences.

			This "escaping" is tedious work and very error prone. In this situation, we can greatly simplify our lives by making use of the '''JavaScript''' '''unescape()''' function provided with have a '''JavaScript''' '''escape()''' function on the server side. The following shows a '''PHP''' fragment of code which uses the '''rawurlencode()''' '''PHP''' function to generated the '''JavaScript''' escaped string:


			<pre class="programListing">
			$title = rawurlencode("Hello: '<b>World</b>'");

			// $title now contains: "Hello%3A%20%27%3Cb%3EWorld%3C%2Fb%3E%27"
			// ALL of the troublesome characters have been replaced by a harmless percent sequence.
			// the following will now generate valid HTML and produce the desired results.

			echo <<<EOD
			<a href="index.php"
			onmouseover="domTT_activate(this, event, 'content', unescape('{$title}'));">
			Hello
			</a>
			<<<EOD;
			</pre>

Paul Blankenbaker: /* Related Links */

2007-03-26T10:50:18Z

Paul Blankenbaker: /* Coding Tips */

2007-03-22T00:38:15Z

Coding Tips

← Older revision		Revision as of 20:38, 21 March 2007
Line 83:		Line 83:

	; '''wui/cgi-bin/include/form.sh''' : One can find the definition of the '''bash''' function: "'''xml_escape()'''" here.		; '''wui/cgi-bin/include/form.sh''' : One can find the definition of the '''bash''' function: "'''xml_escape()'''" here.

			=== Related Links ===

			The following links are useful when working with AJAX:

			* [http://en.wikipedia.org/wiki/XMLHttpRequest XMLHttpRequest Info At WikiPedia]

			* [http://w3schools.com/xml/xml_http.asp XMLHttpRequest Info at W3 Schools]

Paul Blankenbaker: /* Related Files */

2007-03-21T18:14:56Z

Related Files

← Older revision		Revision as of 14:14, 21 March 2007
Line 74:		Line 74:
	=== Related Files ===		=== Related Files ===

	~~The macros shown above are defined in the source file: "~~'''include/atmacros/ajax-server.xml'''".		; '''include/atmacros/ajax-server.xml''' : The server side @macros() shown above are defined in this file.

	~~An example~~ '''~~CGI~~''' ~~script which returns the~~ ''~~tail~~'' of the ~~end~~ of ~~a file on the system can be found at: "~~'''~~wui/cgi-bin/system/tail-ajax.cgi~~'''".		; '''wui/javascript/ajax.js''' : A set of '''JavaScript''' functions to aid in the parsing and processing of '''XML''' documents.

	~~The definition of the~~ '''~~bash~~''' ~~function~~: "'''~~xml_escape()~~'''" can ~~be found in~~ the ~~file~~: "'''wui/cgi-bin/include/form.sh'''".		; '''wui/cgi-bin/networking/ifmon-ajax.cgi''' : A '''CGI''' script which returns a minimalistic '''XML''' document containing status for a particular interface.

			; '''wui/cgi-bin/networking/ifmon.cgi''' : A '''AJAX''' page which the user can use to select a network interface to monitor the status of (makes use of: '''ifmon-ajax.cgi''').

			; '''wui/cgi-bin/include/form.sh''' : One can find the definition of the '''bash''' function: "'''xml_escape()'''" here.

Paul Blankenbaker: /* Example Server Side Source */

2007-03-21T11:04:47Z

Example Server Side Source

← Older revision		Revision as of 07:04, 21 March 2007
Line 71:		Line 71:

	The three macros shown above are fairly self explanatory. The second parameter to the ''@xmlPropertiesBegin()'' macro is used to indicate what scripting language will be used on the server. The third parameter to the ''@xmlPropertiesBegin()'' macro is used to indicate whether you want the standard set of properties included (system load, system time, etc - we haven't decided what these are yet).		The three macros shown above are fairly self explanatory. The second parameter to the ''@xmlPropertiesBegin()'' macro is used to indicate what scripting language will be used on the server. The third parameter to the ''@xmlPropertiesBegin()'' macro is used to indicate whether you want the standard set of properties included (system load, system time, etc - we haven't decided what these are yet).

			=== Related Files ===

	The macros shown above are defined in the source file: "'''include/atmacros/ajax-server.xml'''".		The macros shown above are defined in the source file: "'''include/atmacros/ajax-server.xml'''".

Paul Blankenbaker: /* Example Server Side Source */

2007-03-21T11:04:09Z

Example Server Side Source

← Older revision		Revision as of 07:04, 21 March 2007
Line 75:		Line 75:

	An example '''CGI''' script which returns the ''tail'' of the end of a file on the system can be found at: "'''wui/cgi-bin/system/tail-ajax.cgi'''".		An example '''CGI''' script which returns the ''tail'' of the end of a file on the system can be found at: "'''wui/cgi-bin/system/tail-ajax.cgi'''".

			The definition of the '''bash''' function: "'''xml_escape()'''" can be found in the file: "'''wui/cgi-bin/include/form.sh'''".

Paul Blankenbaker: Added locations of couple of source files

2007-03-21T11:01:51Z

Added locations of couple of source files

← Older revision		Revision as of 07:01, 21 March 2007
Line 71:		Line 71:

	The three macros shown above are fairly self explanatory. The second parameter to the ''@xmlPropertiesBegin()'' macro is used to indicate what scripting language will be used on the server. The third parameter to the ''@xmlPropertiesBegin()'' macro is used to indicate whether you want the standard set of properties included (system load, system time, etc - we haven't decided what these are yet).		The three macros shown above are fairly self explanatory. The second parameter to the ''@xmlPropertiesBegin()'' macro is used to indicate what scripting language will be used on the server. The third parameter to the ''@xmlPropertiesBegin()'' macro is used to indicate whether you want the standard set of properties included (system load, system time, etc - we haven't decided what these are yet).

			The macros shown above are defined in the source file: "'''include/atmacros/ajax-server.xml'''".

			An example '''CGI''' script which returns the ''tail'' of the end of a file on the system can be found at: "'''wui/cgi-bin/system/tail-ajax.cgi'''".

← Older revision		Revision as of 06:50, 26 March 2007
Line 87:		Line 87:

	The following links are useful when working with AJAX:		The following links are useful when working with AJAX:

			* [http://www.w3.org/TR/XMLHttpRequest/ The XMLHttpRequest Object (W3C)]

	* [http://en.wikipedia.org/wiki/XMLHttpRequest XMLHttpRequest Info At WikiPedia]		* [http://en.wikipedia.org/wiki/XMLHttpRequest XMLHttpRequest Info At WikiPedia]

	* [http://w3schools.com/xml/xml_http.asp XMLHttpRequest Info at W3 Schools]		* [http://w3schools.com/xml/xml_http.asp XMLHttpRequest Info at W3 Schools]