You are viewing a plain text version of this content. The canonical link for it is here.
Posted to xap-commits@incubator.apache.org by bb...@apache.org on 2007/06/25 03:05:26 UTC
svn commit: r550329 [1/13] - in /incubator/xap/site: docs/ docs/xmodify/
docs/xmodify/content/ docs/xmodify/css/ docs/xmodify/doc/
docs/xmodify/doc/complexTypes/ docs/xmodify/doc/complexTypes/html/
docs/xmodify/doc/complexTypes/xml/ docs/xmodify/doc/ov...
Author: bbuffone
Date: Sun Jun 24 20:05:18 2007
New Revision: 550329
URL: http://svn.apache.org/viewvc?view=rev&rev=550329
Log:
Updated website.
Cleaned up the HTML code.
Removed all unneeded code
Formatted pages properly.
Removed unreadable file names
created templates for pages framed and non framed.
updated index.html page
added documentation for the xModify functionality
added samples for xModify
created xModify on top of jQuery
Added:
incubator/xap/site/docs/
incubator/xap/site/docs/xmodify/
incubator/xap/site/docs/xmodify/content/
incubator/xap/site/docs/xmodify/content/Copy of processors.html
incubator/xap/site/docs/xmodify/content/general.html
incubator/xap/site/docs/xmodify/content/overview.html
incubator/xap/site/docs/xmodify/content/processors.html
incubator/xap/site/docs/xmodify/content/sendmeapic.html
incubator/xap/site/docs/xmodify/content/troubleshooting.html
incubator/xap/site/docs/xmodify/css/
incubator/xap/site/docs/xmodify/css/stylesheet.css
incubator/xap/site/docs/xmodify/doc/
incubator/xap/site/docs/xmodify/doc/DocumentationHome.html
incubator/xap/site/docs/xmodify/doc/Home.html
incubator/xap/site/docs/xmodify/doc/complexTypes/
incubator/xap/site/docs/xmodify/doc/complexTypes/html/
incubator/xap/site/docs/xmodify/doc/complexTypes/html/any-child-directive-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/append-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/attribute-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/base-directive-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/clone-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/create-document-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/embed-xal-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/insert-after-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/insert-at-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/insert-before-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/modifications-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/one-element-child-directive-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/remove-attribute-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/remove-element-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/replace-children-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/replace-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/set-attribute-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/set-innerhtml-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/set-style-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/style-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/value-of-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/html/variable-element-type.html
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/any-child-directive-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/append-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/attribute-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/base-directive-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/clone-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/create-document-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/embed-xal-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/insert-after-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/insert-at-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/insert-before-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/modifications-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/one-element-child-directive-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/remove-attribute-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/remove-element-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/replace-children-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/replace-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/set-attribute-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/set-innerhtml-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/set-style-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/style-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/value-of-element-type.xml
incubator/xap/site/docs/xmodify/doc/complexTypes/xml/variable-element-type.xml
incubator/xap/site/docs/xmodify/doc/overview/
incubator/xap/site/docs/xmodify/doc/overview/html/
incubator/xap/site/docs/xmodify/doc/overview/html/overview.html
incubator/xap/site/docs/xmodify/doc/overview/xml/
incubator/xap/site/docs/xmodify/doc/overview/xml/overview.xml
incubator/xap/site/docs/xmodify/doc/simpleTypes/
incubator/xap/site/docs/xmodify/doc/simpleTypes/html/
incubator/xap/site/docs/xmodify/doc/simpleTypes/html/debug-attribute-type.html
incubator/xap/site/docs/xmodify/doc/simpleTypes/html/document-attribute-type.html
incubator/xap/site/docs/xmodify/doc/simpleTypes/html/mustExist-attribute-type.html
incubator/xap/site/docs/xmodify/doc/simpleTypes/html/select-attribute-type.html
incubator/xap/site/docs/xmodify/doc/simpleTypes/xml/
incubator/xap/site/docs/xmodify/doc/simpleTypes/xml/debug-attribute-type.xml
incubator/xap/site/docs/xmodify/doc/simpleTypes/xml/document-attribute-type.xml
incubator/xap/site/docs/xmodify/doc/simpleTypes/xml/mustExist-attribute-type.xml
incubator/xap/site/docs/xmodify/doc/simpleTypes/xml/select-attribute-type.xml
incubator/xap/site/docs/xmodify/frame-bottom.html
incubator/xap/site/docs/xmodify/frame-index.html
incubator/xap/site/docs/xmodify/frame-left.html
incubator/xap/site/docs/xmodify/frame-top.html
incubator/xap/site/docs/xmodify/images/
incubator/xap/site/docs/xmodify/images/base.gif (with props)
incubator/xap/site/docs/xmodify/images/embed-xal.gif (with props)
incubator/xap/site/docs/xmodify/images/event.gif (with props)
incubator/xap/site/docs/xmodify/images/initial-screen.gif (with props)
incubator/xap/site/docs/xmodify/images/initial-search.gif (with props)
incubator/xap/site/docs/xmodify/images/minus.gif (with props)
incubator/xap/site/docs/xmodify/images/plus.gif (with props)
incubator/xap/site/docs/xmodify/images/title.gif (with props)
incubator/xap/site/docs/xmodify/images/type.gif (with props)
incubator/xap/site/docs/xmodify/images/xModifyOverview.gif (with props)
incubator/xap/site/docs/xmodify/js/
incubator/xap/site/docs/xmodify/js/myJS.js
incubator/xap/site/docs/xmodify/operations/
incubator/xap/site/docs/xmodify/operations/adddatarow.xml
incubator/xap/site/docs/xmodify/operations/addrow.xml
incubator/xap/site/docs/xmodify/operations/clear-form.xml
incubator/xap/site/docs/xmodify/operations/clear-table.xml
incubator/xap/site/docs/xmodify/operations/clone.xml
incubator/xap/site/docs/xmodify/operations/insert-after.xml
incubator/xap/site/docs/xmodify/operations/insert-at.xml
incubator/xap/site/docs/xmodify/operations/insert-before.xml
incubator/xap/site/docs/xmodify/operations/replace-children.xml
incubator/xap/site/docs/xmodify/operations/replace.xml
incubator/xap/site/docs/xmodify/operations/reset-form.xml
incubator/xap/site/docs/xmodify/operations/resettable.xml
incubator/xap/site/docs/xmodify/operations/resettable2.xml
incubator/xap/site/docs/xmodify/operations/set-innerhtml.xml
incubator/xap/site/docs/xmodify/operations/set-style.xml
incubator/xap/site/docs/xmodify/operations/variable.xml
incubator/xap/site/docs/xmodify/transformation/
incubator/xap/site/docs/xmodify/transformation/ComplexTypeTransformer.xsl
incubator/xap/site/docs/xmodify/transformation/OverviewTypeTransformer.xsl
incubator/xap/site/docs/xmodify/transformation/SimpleTypeTransformer.xsl
incubator/xap/site/javascript/
incubator/xap/site/javascript/jquery/
incubator/xap/site/javascript/jquery/jquery-latest.js
incubator/xap/site/javascript/jquery/jquery-latest.pack.js
incubator/xap/site/javascript/mootools/
incubator/xap/site/javascript/mootools/mootools.v1.11.compressed.js
incubator/xap/site/javascript/mootools/mootools.v1.11.js
incubator/xap/site/javascript/xap/
incubator/xap/site/javascript/xap/XapConfig-Min.js
incubator/xap/site/javascript/xap/xapcore-min.js
incubator/xap/site/javascript/xmodify/
incubator/xap/site/javascript/xmodify/xmodify-jquery-compressed.js
incubator/xap/site/javascript/xmodify/xmodify-jquery.js
Added: incubator/xap/site/docs/xmodify/content/Copy of processors.html
URL: http://svn.apache.org/viewvc/incubator/xap/site/docs/xmodify/content/Copy%20of%20processors.html?view=auto&rev=550329
==============================================================================
--- incubator/xap/site/docs/xmodify/content/Copy of processors.html (added)
+++ incubator/xap/site/docs/xmodify/content/Copy of processors.html Sun Jun 24 20:05:18 2007
@@ -0,0 +1,142 @@
+<META http-equiv = "Expires" CONTENT="Sun, 31 Dec 1995 09:30:00">
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional">
+
+<head>
+ <title>XAP: xModify Processors</title>
+ <script type="text/javascript">
+ <!-- hide from non JavaScript Browsers
+ // preload my menu image
+ Image1= new Image(20,30);
+ Image1.src = "../../../images/highlight.gif";
+ // End Hiding -->
+ </script>
+
+ <script language="JavaScript" type="text/javascript" src="../../../javascript/jquery/jquery-latest.js"></script>
+ <script language="JavaScript" type="text/javascript" src="../../../javascript/xmodify/xmodify-jquery.js"></script>
+
+ <LINK REL="STYLESHEET" HREF="../../../main.css">
+</head>
+
+<html>
+<body class=body>
+ <div style="width: 705px;">
+ <!-- start: body of page -->
+<p><h2><span class="Title">xModify Processors</span></h2></p>
+
+<p>
+ The XAP project has created several xModify processors (jQuery, MooTools and XAP) to handle the execution of
+ xModify instructions. Included in the XAP core functionality is the ability to execute xModify scripts against either
+ the HTML or UI Documents.
+
+</p>
+
+<p>
+
+<h2><span class="Title">xModify for jQuery</span></h2>
+ <p>
+ <div><img src="../images/base.gif"><i><b>jQuery Home Page:</b></i></div>
+ <div style="border:1px solid #aaa;padding:10px;margin:20px;">
+ <a style="font-weight:bold" href="http://jquery.com/" target="jQuery">www.jquery.com</a>
+ </div>
+ <div><img src="../images/base.gif"><i><b>xModify Extension:</b></i></div>
+ <div style="border:1px solid #aaa;padding:10px;margin:20px;">
+ <a style="font-weight:bold" href="../../../javascript/xmodify/xmodify-jquery.js">xmodify-jquery.js</a> (Uncompressed) (8213 bytes)<br>
+ <a style="font-weight:bold" href="../../../javascript/xmodify/xmodify-jquery-compressed.js">xmodify-jquery-compressed.js</a> (Compressed) (2605 bytes)
+ </div>
+ <div><img src="../images/base.gif"><i><b>xModify Usage:</b></i></div>
+ <br>
+ <p>
+ You will need to include the latest jQuery library (<a href="http://docs.jquery.com/Downloading_jQuery" target="jquery">Download</a>) and the xModify extension.
+ </p>
+ <p>
+<pre>
+
+ <script language="JavaScript" type="text/javascript"
+ src="javascript/jquery/jquery-latest.js"></script>
+
+ <script language="JavaScript" type="text/javascript"
+ src="javascript/xmodify/xmodify-jquery.js"></script>
+
+</pre>
+
+<p>
+Call the xModify function from JavaScript,
+once called the xModify processor is use the jQuery.ajax function to request the
+url and then process the response.
+</p>
+<pre>
+
+ $.xmodify({url:'xModify-Document.xml'});
+
+</pre>
+</p>
+
+ <div><img src="../images/base.gif"><i><b>Node Selectors:</b></i></div>
+ <div style="border:1px solid #aaa;padding:10px;margin:20px;">The select attribute of the xModify operations when using jQuery can be
+ any as defined on the following page. <br><br><a style="font-weight:bold" href="http://docs.jquery.com/Selectors" target="jQuery">Selectors Details</a>
+ <p>The operations will hand off the "select" attribute to the <b>$(select-attribute-value)</b>.</p>
+ </div>
+
+<h2><span class="Title">xModify for MooTools</span></h2>
+ <p>
+ <div><img src="../images/base.gif"><i><b>MooTools Home Page:</b></i></div>
+ <div style="border:1px solid #aaa;padding:10px;margin:20px;">
+ <a style="font-weight:bold" href="http://mootools.net/" target="MooTools">www.mootools.net</a>
+ </div>
+ <div><img src="../images/base.gif"><i><b>xModify Extension:</b></i></div>
+ <div style="border:1px solid #aaa;padding:10px;margin:20px;">
+ <a style="font-weight:bold" href="../../../javascript/xmodify/xmodify-mootools.js">xmodify-mootools.js</a> (Uncompressed) (8213 bytes)<br>
+ <a style="font-weight:bold" href="../../../javascript/xmodify/xmodify-mootools-compressed.js">xmodify-mootools-compressed.js</a> (Compressed) (2605 bytes)
+ </div>
+ <div><img src="../images/base.gif"><i><b>xModify Usage:</b></i></div>
+ <br>
+ <p>
+ You will need to include the latest MooTools library (<a href="http://mootools.net/download" target="MooTools">Download</a>) and the xModify extension.
+ </p>
+ <p>
+<pre>
+
+ <script language="JavaScript" type="text/javascript"
+ src="javascript/jquery/jquery-latest.js"></script>
+
+ <script language="JavaScript" type="text/javascript"
+ src="javascript/xmodify/xmodify-mootools.js"></script>
+
+</pre>
+
+<p>
+Call the xModify function from JavaScript,
+once called the xModify processor is use the jQuery.ajax function to request the
+url and then process the response.
+</p>
+<pre>
+
+ $.xmodify({url:'xModify-Document.xml'});
+
+</pre>
+</p>
+
+ <div><img src="../images/base.gif"><i><b>Node Selectors:</b></i></div>
+ <div style="border:1px solid #aaa;padding:10px;margin:20px;">The select attribute of the xModify operations when using jQuery can be
+ any as defined on the following page. <br><br><a style="font-weight:bold" href="http://docs.jquery.com/Selectors" target="jQuery">Selectors Details</a>
+ <p>The operations will hand off the "select" attribute to the <b>$(select-attribute-value)</b>.</p>
+ </div>
+
+ <b></b>
+<h2><span class="Title">xModify for Dojo</span></h2>
+ <p>
+
+ </p>
+
+</p>
+
+ <!-- end: body of page -->
+ </div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
+</script>
+<script type="text/javascript">
+_uacct = "UA-2110702-1";
+urchinTracker();
+</script>
+</body>
+</html>
\ No newline at end of file
Added: incubator/xap/site/docs/xmodify/content/general.html
URL: http://svn.apache.org/viewvc/incubator/xap/site/docs/xmodify/content/general.html?view=auto&rev=550329
==============================================================================
--- incubator/xap/site/docs/xmodify/content/general.html (added)
+++ incubator/xap/site/docs/xmodify/content/general.html Sun Jun 24 20:05:18 2007
@@ -0,0 +1,167 @@
+<META http-equiv = "Expires" CONTENT="Sun, 31 Dec 1995 09:30:00">
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional">
+
+<head>
+ <title>XAP: xModify Overview</title>
+ <script type="text/javascript">
+ <!-- hide from non JavaScript Browsers
+ // preload my menu image
+ Image1= new Image(20,30);
+ Image1.src = "../../../images/highlight.gif";
+ // End Hiding -->
+ </script>
+
+ <script language="JavaScript" type="text/javascript" src="../../../javascript/jquery/jquery-latest.js"></script>
+ <script language="JavaScript" type="text/javascript" src="../../../javascript/xmodify/xmodify-jquery.js"></script>
+
+ <LINK REL="STYLESHEET" HREF="../../../main.css">
+</head>
+
+<html>
+<body class=body>
+ <div style="width: 705px;">
+ <!-- start: body of page -->
+<p><h2><span class="Title">Examples</span></h2></p>
+<p><h3><img src="../../../images/bt_bullet_2.gif" border=0 alt="bullet"> Modifying the UI Document</h3></p>
+<p>Developers can utilize xModify to change the UI document
+that contains the visual components of a XAP application.
+XAP stores all the UI components in a "shadow" document that
+developers can interact with via xModify or JavaScript APIs.
+
+<p><b>index.xml</b></p>
+<p>The following XAL snippet will create a table with sortable columns and a button.
+The user can press the button to add another row of data to the table. Once the button
+is press the XAP engine will request the file "update.xml" and process the contents
+as described above.
+</p>
+<p>
+<pre>
+<xal>
+ <table id="mytable">
+ <column>
+ <header text="Employee ID"/>
+ </column>
+ <column>
+ <header text="Full Name"/>
+ </column>
+ <row>
+ <cell text="3456g"/>
+ <cell text="Jane Smith"/>
+ <row>
+
+ </table>
+ <button text="Press to add another row" onCommand="update.xml"/>
+</xal>
+</pre>
+
+<p><b>update.xml</b></p>
+<p>
+<pre>
+<xm:modifications version="1.0" xmlns:xu="http://openxal.org/core/xmodify" document="mydocument">
+ <xm:append select="id('mytable')">
+ <row>
+ <cell text="12390i"/>
+ <cell text="Larry Franklin"/>
+ <row>
+ </xm:append>
+</xm:modifications>
+</pre>
+</p>
+<p>
+<h3><img src="../../../images/bt_bullet_2.gif" border=0 alt="bullet"> Modifying the HTML Document</h3></p>
+
+<p>To explain how to use xModify against the HTML DOM, the table that contains the data is below.
+You can press on the button to trigger a request for the addrow.xml page which will add another row of
+data to the table.</p>
+
+<p>
+<table style="width:310px" id="mytable">
+ <tr style="background-color:#aaa"><th width="150px" align="left">Employee ID</th><th width="150px" align="left">Full Name</th></tr>
+ <tr><td>3456g</td><td>Jane Smith</td></tr>
+<table>
+<input style="width:150px" type="button" value="Add row to table" onclick="$.xmodify({url:'../operations/addrow.xml'});"/>
+<input style="width:150px" type="button" value="Reset table" onclick="$.xmodify({url:'../operations/resettable.xml'});"/>
+</p>
+<br>
+
+<p><b>addrow.xml</b></p>
+<p>This file uses the append xModify instruction to add a new row to the html table.
+The select attribute of the append tag denotes the location to which append the children
+of the append tag to. Typically you will use a <![CDATA[ ]]> block to cut down on parse
+and traversle time.</p>
+<pre><xal xmlns:xm="http://openxal.org/core/xmodify">
+ <xm:modifications document="html">
+ <xm:append select="#mytable">
+ <![CDATA[
+ <tr>
+ <td>12390i</td>
+ <td>Larry Franklin</td>
+ </tr>
+ ]]>
+ </xm:append>
+ </xm:modifications>
+</xal>
+</pre>
+
+<p><b>resettables.xml</b></p>
+<p>This file uses the append xModify instruction to add a new row to the html table.
+The select attribute of the append tag denotes the location to which append the children
+of the append tag to. Typically you will use a <![CDATA[ ]]> block to cut down on parse
+and traversle time.</p>
+<pre><xal xmlns:xm="http://openxal.org/core/xmodify">
+ <xm:modifications document="html">
+ <xm:replace-children select="#mytable">
+ <![CDATA[
+ <tr style="background-color:#aaa"><th>Employee ID</th><th>Full Name</th></tr>
+ <tr><td>3456g</td><td>Jane Smith</td></tr>
+ ]]>
+ </xm:replace-children>
+ </xm:modifications>
+</xal>
+</pre>
+
+
+<p><h3><img src="../../../images/bt_bullet_2.gif" border=0 alt="bullet"> Modifying a Data Document</h3></p>
+<p>For the purposes of this example assume that the file below was parsed and registered as a document with the name "mydocument":
+</p>
+<p><b>sample.xml</b></p>
+<pre><people id="companyX">
+ <person fname="John" lname="Doe"/>
+ <person fname="Jane" lname="Smith"/>
+</people>
+</pre>
+<p>The file below contains a single "modifications" block of xModify instructions that operate on the document "mydocument".
+In our example the "modifications" element contains just one xModify command: append
+</p>
+<p><b>update.xml</b></p>
+<p>
+<pre><xm:modifications version="1.0" xmlns:xu="http://openxal.org/core/xmodify" document="mydocument">
+ <xm:append select="id('companyX')">
+ <person fname="Bob" lname="Bobsky"/>
+ </xm:append>
+</xm:modifications>
+</pre>
+</p>
+<p>
+After update.xml gets parsed, the included xModify instructions get executed against the document "mydocument".
+As the result of the execution the in-memory representation of the document will have a new <person> element
+appended to the end of the <people> element's children list, i.e. it will look like this:
+</p>
+<p>
+<pre><people>
+ <person fname="John" lname="Doe"/>
+ <person fname="Jane" lname="Smith"/>
+ <person fname="Bob" lname="Bobsky"/>
+</people>
+</pre>
+</p>
+ <!-- end: body of page -->
+ </div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
+</script>
+<script type="text/javascript">
+_uacct = "UA-2110702-1";
+urchinTracker();
+</script>
+</body>
+</html>
\ No newline at end of file
Added: incubator/xap/site/docs/xmodify/content/overview.html
URL: http://svn.apache.org/viewvc/incubator/xap/site/docs/xmodify/content/overview.html?view=auto&rev=550329
==============================================================================
--- incubator/xap/site/docs/xmodify/content/overview.html (added)
+++ incubator/xap/site/docs/xmodify/content/overview.html Sun Jun 24 20:05:18 2007
@@ -0,0 +1,88 @@
+<META http-equiv = "Expires" CONTENT="Sun, 31 Dec 1995 09:30:00">
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional">
+
+<head>
+ <title>XAP: xModify Overview</title>
+ <script type="text/javascript">
+ <!-- hide from non JavaScript Browsers
+ // preload my menu image
+ Image1= new Image(20,30);
+ Image1.src = "../../../images/highlight.gif";
+ // End Hiding -->
+ </script>
+
+ <script language="JavaScript" type="text/javascript" src="../../../javascript/jquery/jquery-latest.js"></script>
+ <script language="JavaScript" type="text/javascript" src="../../../javascript/xmodify/xmodify-jquery.js"></script>
+
+ <LINK REL="STYLESHEET" HREF="../../../main.css">
+</head>
+
+<html>
+<body class=body>
+ <div style="width: 705px;">
+ <!-- start: body of page -->
+<p><h2><span class="Title">xModify Overview</span></h2></p>
+
+<p>xModify can be used to create or update XML documents, XAL, and HTML declaratively and provides an alternative to using programmatic APIs.
+</p>
+
+
+<p><h2><span class="Title">xModify Workflow</span></h2></p>
+<p align="center">
+ <img src="../images/xModifyOverview.gif">
+</p>
+
+<p><h2><span class="Title">Operations</span></h2></p>
+<p>
+ Each of the operations contains a select attribute that is used to select a set
+ of operations.
+ <ul>
+ <li><b>append</b>
+ <p>Append the children of the operation to the selected nodes</p>
+ </li>
+ <li><b>clone</b>
+ <p>Create a clone of the selected nodes.</p>
+ </li>
+ <li><b>insert-after</b>
+ <p>Insert the children of the operation after the selected nodes</p>
+ </li>
+ <li><b>insert-at</b>
+ <p>Insert the children of the operation at a specific index of the selected nodes</p>
+ </li>
+ <li><b>insert-before</b>
+ <p>Insert the children of the operation before the selected nodes</p>
+ </li>
+ <li><b>remove-attribute</b>
+ <p>Remove an attribute from the selected nodes</p>
+ </li>
+ <li><b>remove-element</b>
+ <p>Remove the selected nodes.</p>
+ </li>
+ <li><b>replace</b>
+ <p>Replace the selected nodes with the children of the operation.</p>
+ </li>
+ <li><b>replace-children</b>
+ <p>Replace the children of selected nodes with the children of the operation.</p>
+ </li>
+ <li><b>set-attribute</b>
+ <p>Change an attribute of the selected nodes.</p>
+ </li>
+ <li><b>set-innerhtml</b>
+ <p>Change the HTML of the selected nodes to be the children of the operation.</p>
+ </li>
+ <li><b>embed-xal</b>
+ <p>Embed XAL components of the operation into the selected nodes.</p>
+ </li>
+ </ul>
+</p>
+
+ <!-- end: body of page -->
+ </div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
+</script>
+<script type="text/javascript">
+_uacct = "UA-2110702-1";
+urchinTracker();
+</script>
+</body>
+</html>
\ No newline at end of file
Added: incubator/xap/site/docs/xmodify/content/processors.html
URL: http://svn.apache.org/viewvc/incubator/xap/site/docs/xmodify/content/processors.html?view=auto&rev=550329
==============================================================================
--- incubator/xap/site/docs/xmodify/content/processors.html (added)
+++ incubator/xap/site/docs/xmodify/content/processors.html Sun Jun 24 20:05:18 2007
@@ -0,0 +1,141 @@
+<META http-equiv = "Expires" CONTENT="Sun, 31 Dec 1995 09:30:00">
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional">
+
+<head>
+ <title>XAP: xModify Processors</title>
+ <script type="text/javascript">
+ <!-- hide from non JavaScript Browsers
+ // preload my menu image
+ Image1= new Image(20,30);
+ Image1.src = "../../../images/highlight.gif";
+ // End Hiding -->
+ </script>
+
+ <script language="JavaScript" type="text/javascript" src="../../../javascript/jquery/jquery-latest.js"></script>
+ <script language="JavaScript" type="text/javascript" src="../../../javascript/xmodify/xmodify-jquery.js"></script>
+
+ <LINK REL="STYLESHEET" HREF="../../../main.css">
+</head>
+
+<html>
+<body class=body>
+ <div style="width: 705px;">
+ <!-- start: body of page -->
+<p><h2><span class="Title">xModify Processors</span></h2></p>
+
+<p>
+ The XAP project has created several xModify processors (jQuery, MooTools and XAP) to handle the execution of
+ xModify instructions. Included in the XAP core functionality is the ability to execute xModify scripts against either
+ the HTML or UI Documents.
+
+</p>
+
+<p>
+
+<h2><span class="Title">xModify for jQuery</span></h2>
+ <p>
+ <div><img src="../images/base.gif"><i><b>jQuery Home Page:</b></i></div>
+ <div style="border:1px solid #aaa;padding:10px;margin:20px;">
+ <a style="font-weight:bold" href="http://jquery.com/" target="jQuery">www.jquery.com</a>
+ </div>
+ <div><img src="../images/base.gif"><i><b>xModify Extension:</b></i></div>
+ <div style="border:1px solid #aaa;padding:10px;margin:20px;">
+ <a style="font-weight:bold" href="../../../javascript/xmodify/xmodify-jquery.js">xmodify-jquery.js</a> (Uncompressed) (9 KB)<br>
+ <a style="font-weight:bold" href="../../../javascript/xmodify/xmodify-jquery-compressed.js">xmodify-jquery-compressed.js</a> (Compressed) (3 KB)
+ </div>
+ <div><img src="../images/base.gif"><i><b>xModify Usage:</b></i></div>
+ <br>
+ <p>
+ You will need to include the latest jQuery library (<a href="http://docs.jquery.com/Downloading_jQuery" target="jquery">Download</a>) and the xModify extension.
+ </p>
+ <p>
+<pre>
+
+ <script language="JavaScript" type="text/javascript"
+ src="javascript/jquery/jquery-latest.js"></script>
+
+ <script language="JavaScript" type="text/javascript"
+ src="javascript/xmodify/xmodify-jquery.js"></script>
+
+</pre>
+
+<p>
+Call the xModify function from JavaScript,
+once called the xModify processor it uses the jQuery.ajax function to request the
+url and then process the response.
+</p>
+<pre>
+
+ $.xmodify({url:'xModify-Document.xml'});
+
+</pre>
+</p>
+
+ <div><img src="../images/base.gif"><i><b>Node Selectors:</b></i></div>
+ <div style="border:1px solid #aaa;padding:10px;margin:20px;">The select attribute of the xModify operations when using jQuery can be
+ any as defined on the following page. <br><br><a style="font-weight:bold" href="http://docs.jquery.com/Selectors" target="jQuery">Selectors Details</a>
+ <p>The operations will hand off the "select" attribute to the <b>$(select-attribute-value)</b>.</p>
+ </div>
+
+<h2><span class="Title">xModify for XAP</span></h2>
+ <p>
+ <div><img src="../images/base.gif"><i><b>XAP Home Page:</b></i></div>
+ <div style="border:1px solid #aaa;padding:10px;margin:20px;">
+ <a style="font-weight:bold" href="http://incubator.apache.org/xap/" target="jQuery">incubator.apache.org/xap</a>
+ </div>
+ <div><img src="../images/base.gif"><i><b>xModify Extension:</b></i></div>
+ <div style="border:1px solid #aaa;padding:10px;margin:20px;">
+ <a style="font-weight:bold" href="../../../javascript/xap/xapcore-min.js">xapcore-min.js</a> (Uncompressed) (228 KB)<br>
+ <a style="font-weight:bold" href="../../../javascript/xap/XapConfig-Min.js">XapConfig-Min.js</a> (Compressed) (4 KB)
+ </div>
+ <div><img src="../images/base.gif"><i><b>xModify Usage:</b></i></div>
+ <p>
+<pre>
+
+ <script language="JavaScript" type="text/javascript"
+ src="javascript/xmodify/xapcore-min.js"></script>
+
+ <script>
+ var myApp = null;
+
+ //When the windows on load function is called
+ //create the XAP application. Keep a reference
+ //to the application.
+ window.onload = function(){
+ myApp = Xap.createApplication({
+ configFilePath:'javascript/xap/XapConfig-Min.js',
+ element:null
+ });
+ }
+ </script>
+</pre>
+
+<p>
+Call the xModify function from JavaScript,
+once called the xModify processor it uses the jQuery.ajax function to request the
+url and then process the response.
+</p>
+<pre>
+
+ myApp.fireEvent('xModify-Document.xml');
+
+</pre>
+</p>
+
+ <div><img src="../images/base.gif"><i><b>Node Selectors:</b></i></div>
+ <div style="border:1px solid #aaa;padding:10px;margin:20px;">The select attribute of the xModify operations when using XAP
+ can be any XPATH 1.0 statement. The underlying implementation uses Google XPath parser.</p>
+ </div>
+
+</p>
+
+ <!-- end: body of page -->
+ </div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
+</script>
+<script type="text/javascript">
+_uacct = "UA-2110702-1";
+urchinTracker();
+</script>
+</body>
+</html>
\ No newline at end of file
Added: incubator/xap/site/docs/xmodify/content/sendmeapic.html
URL: http://svn.apache.org/viewvc/incubator/xap/site/docs/xmodify/content/sendmeapic.html?view=auto&rev=550329
==============================================================================
--- incubator/xap/site/docs/xmodify/content/sendmeapic.html (added)
+++ incubator/xap/site/docs/xmodify/content/sendmeapic.html Sun Jun 24 20:05:18 2007
@@ -0,0 +1,260 @@
+<META http-equiv = "Expires" CONTENT="Sun, 31 Dec 1995 09:30:00">
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional">
+
+<head>
+ <title>XAP: xModify Examples - Send me a pic</title>
+ <script type="text/javascript">
+ <!-- hide from non JavaScript Browsers
+ // preload my menu image
+ Image1= new Image(20,30);
+ Image1.src = "../../../images/highlight.gif";
+ // End Hiding -->
+ </script>
+
+ <script language="JavaScript" type="text/javascript" src="../../../javascript/jquery/jquery-latest.js"></script>
+ <script language="JavaScript" type="text/javascript" src="../../../javascript/xmodify/xmodify-jquery.js"></script>
+
+ <LINK REL="STYLESHEET" HREF="../../../main.css">
+</head>
+
+<html>
+<body class=body>
+ <div style="width: 705px;">
+ <!-- start: body of page -->
+<p><h2><span class="Title">Send me a pic</span></h2></p>
+The <a target="_blank" href="http://www.rockstarapps.com/samples/sendmeapic/">send me a pic</a> application
+utilizes xModify to page the display of the image grid. This is a
+perfect example of an application that can utilize xModify to make it easy to page data. Send me a pic
+loads data from flickr.com to via a server request them process the information into an xModify XML document.
+When the XAP client receives the response to the page request XAP will execute the instructions in any modification
+block.
+
+<p><h2><span class="Title">Images</span></h2></p>
+<p align="center"><img src="../images/initial-screen.gif"></p>
+<p>
+ The initial screen to the application display the process of loading images and send them to a cell phone. Once a
+ user click a popular search or types in the search field and clicks "Submit Query" the screen will transition to
+ the next screen that display the results of the query.
+</p>
+<p align="center"><img src="../images/initial-search.gif"></p>
+<p>
+ Users can page through the image using the "Prev" and "Next" buttons. Once the buttons is clicked that
+</p>
+
+<p><h2><span class="Title">Create the application</span></h2></p>
+<p>
+
+<div><b>Load the XAP Library:</b></div>
+<pre>
+
+ <script language="JavaScript" type="text/javascript"
+ src="lib/xapcore-min.js"> </script>
+
+</pre>
+
+<div>Need to call the Xap.createApplication() function:</div>
+
+<pre>
+ <body onload="createXap();">
+
+ <script>
+ //keep a reference to the application that was created
+ //will use it later to execute a xModify.
+ var myApp = null;
+
+ function createXap(){
+ myApp = Xap.createApplication(
+ {
+ configFilePath:"lib/XapConfig-Min.js",
+ element:null
+ }
+ );
+ }
+ </script>
+</pre>
+
+</p>
+<p><h2><span class="Title">Retrieving xModify from JavaScript</span></h2></p>
+<p>
+ <div><b>Now the Xap library can be used in function.</b></div>
+<p>
+ This is a two step process;
+ <ul>
+ <li>from the buttons call the JavaScript methods</li>
+ <li>call the fireEvent function on the XAP application reference</li>
+ </ul>
+</p>
+
+<pre>
+
+ <!-- Will call the "prevPage" JavaScript function when the button is clicked -->
+ <input class="wikitext" type="submit" value="Prev" onclick="prevPage();">
+
+ <!-- Will display the current page and the number of total pages -->
+ <span style="text-align:center" class="wikitext" id="searchBar"><b>Loading...</b></span>
+
+ <!-- Will call the "nextPage" JavaScript function when the button is clicked -->
+ <input class="wikitext" type="submit" value="Next" onclick="nextPage();">
+
+</pre>
+<pre>
+
+ var pageNumber = null;
+ var loadedImage = null;
+
+ function nextPage(){
+ searchFlickr(null, parseInt(pageNumber) + 1.0);
+ }
+
+ function prevPage(){
+ if (parseInt(pageNumber) < 1){
+ searchFlickr(null, parseInt(pageNumber) - 1.0);
+ }
+ }
+
+ function searchFlickr(searchValue, page){
+ //If the search value is null pull it out of the search value
+ //Input field.
+ if (searchValue == null){
+ searchValue = document.getElementById("search2").value;
+ }
+
+ //if the page is null, assume it is the first page
+ if (page == null) page = "1";
+ pageNumber = page;
+
+ //Change the display to tell the use
+ document.getElementById("searchBar").innerHTML = "Loading...";
+ document.getElementById("photoPanel").innerHTML = "";
+
+ //Use the reference to the XAP application (myApp) to call the
+ //fireEvent function. The input is the URL to the xModify page.
+ //In this application the we use a PHP back end to put the
+ //xModify page together.
+ myApp.fireEvent("php/flickr-xm.php?text=" + searchValue +
+ "&page=" + page);
+ }
+
+</pre>
+
+<div>That is the complete set of JavaScript, xModify make the paging of the data very easy. The underlying XAP engine
+handles the execution of the xModify instructions.</div>
+</p>
+
+<p><h2><span class="Title">xModify Script</span></h2></p>
+<p>
+ <p>The retieving of information from flick is handled on the application host server using
+ PHP. Once the fireEvent function is called XAP will make an an asynchronous request to the
+ URL. The response to the request is an XML document that has xModify instruction.</p>
+ <div><b>php/flickr-xm.php.</b></div>
+
+<pre>
+<xal xmlns:xal="http://www.openxal.org/xal"
+ xmlns:macro="http://www.openxal.org/macro"
+ xmlns:xm="http://www.openxal.org/xmodify">
+
+ <!--
+ The instrustion will be run against the html document. This is
+ denoted by the document="html" attribute of the modifications tag
+ -->
+ <xm:modifications document="html">
+
+
+ <!--
+ The first instruction is to set the inner HTML of the
+ photoPanel div to be the contents of the CDATA block.
+ I used the CDATA block to minimize the number of dom nodes, and
+ because I will be converting it to a string.
+ -->
+ <xm:set-innerhtml select="id('photoPanel')"><![CDATA[
+<?
+
+ //Just loop over the nodes of the xml document returned from flickr.com
+ //and build a table. The output will have the structure as follows:
+ //
+ //<table id="photoTable">
+ // <tr>
+ // <td>
+ // <div class="thumbnail">
+ // <img style="cursor:pointer;" src="flickr-image"
+ // onclick="openResizer(this);">
+ // </div>
+ // </td>
+ // </tr>
+ //</table>
+ //
+ foreach( $p->output as $node ){
+ $childs = $node["child"];
+ foreach($childs as $child){
+ $childs2 = $child["child"];
+ echo("<table id=\"photoTable\" width=\"590\" height=\"550\"><tr>");
+ for($index = 0; $index < count($childs2) & $index < 36; $index++){
+ $photo = $childs2[$index];
+
+ $value = "http://static.flickr.com/".$photo['attrs']['SERVER'].
+ "/".$photo['attrs']['ID']."_".
+ $photo['attrs']['SECRET']."_s.jpg";
+ echo("<td><div class=\"thumbnail\" width=\"100px\">");
+ echo("<img style=\"cursor:pointer;\" src=\"".$value."\"
+ onclick=\"openResizer(this);\">");
+ echo("</div></td>");
+ if ($index < count($childs2) - 1){
+ if (($index + 1) % 6 == 0 && $index != 0){
+ echo("</tr><tr>");
+ }
+ }
+ }
+ echo("</tr></table>");
+ }
+ }
+
+?>
+ ]]>
+ </xm:set-innerhtml>
+
+ <!--
+ The second instruction is to set the inner HTML of the
+ searchBar div to be the contents of the CDATA block. The results
+ of this instruction will be the displaying the current page and total
+ number of pages for the query string provided.
+ -->
+ <xm:set-innerhtml select="id('searchBar')"><![CDATA[
+<?
+
+ //The output of this section is simple:
+ // Page 1 of 10000
+ foreach( $p->output as $node ){
+ $childs = $node["child"];
+ foreach($childs as $child){
+ $page = $child['attrs']['PAGE'];
+ $pages = $child['attrs']['PAGES'];
+ echo ("Page " . $page . " of " . $pages);
+ }
+ }
+?>
+ ]]>
+ </xm:set-innerhtml>
+
+ </xm:modifications>
+</xal>
+
+</pre>
+</p>
+
+<p><h2><span class="Title">Wrapping it up</span></h2></p>
+<p>
+ To get start with XAP, go to the <a href="../../../download.html" target="_top">download</a> page. After you unzip the
+ achive file you can place the contents of the dist diretory into your application.
+
+ Any questions on this or anything else about XAP
+</p>
+<!-- end: body of page -->
+</div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
+</script>
+<script type="text/javascript">
+_uacct = "UA-2110702-1";
+urchinTracker();
+</script>
+</body>
+</html>
\ No newline at end of file
Added: incubator/xap/site/docs/xmodify/content/troubleshooting.html
URL: http://svn.apache.org/viewvc/incubator/xap/site/docs/xmodify/content/troubleshooting.html?view=auto&rev=550329
==============================================================================
--- incubator/xap/site/docs/xmodify/content/troubleshooting.html (added)
+++ incubator/xap/site/docs/xmodify/content/troubleshooting.html Sun Jun 24 20:05:18 2007
@@ -0,0 +1,67 @@
+<META http-equiv = "Expires" CONTENT="Sun, 31 Dec 1995 09:30:00">
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional">
+
+<head>
+ <title>XAP: xModify Trouble Shooting</title>
+ <script type="text/javascript">
+ <!-- hide from non JavaScript Browsers
+ // preload my menu image
+ Image1= new Image(20,30);
+ Image1.src = "../../../images/highlight.gif";
+ // End Hiding -->
+ </script>
+
+ <script language="JavaScript" type="text/javascript" src="../../../javascript/jquery/jquery-latest.js"></script>
+ <script language="JavaScript" type="text/javascript" src="../../../javascript/xmodify/xmodify-jquery.js"></script>
+
+ <LINK REL="STYLESHEET" HREF="../../../main.css">
+</head>
+
+<html>
+<body class=body>
+ <div style="width: 705px;">
+ <!-- start: body of page -->
+<p><h2><span class="Title">Trouble Shooting</span></h2></p>
+
+<p>There are several reasons that the execution of xModify will fail. This below are some </p>
+
+<ul>
+ <li>
+ <b>xModify script not loaded properly:</b>
+ <p>Make sure that the <script/> that load the xModify library points to the correct location.</p><br>
+ </li>
+ <li>
+ <b>The url is invalid:</b>
+ <p>Check to see if the URL that you want to load is correct.<br><br>For example:<br><br> $.xmodify({url:'wrong-location.xml'});<br>myApp.fireEvent('wrong-location.xml');</p><br>
+ </li>
+ <li>
+ <b>The the resonse to the url isn't denoted as an XML document:</b>
+ <p>In order for the document to be parsed by the browser the content type need to be xml. The
+ browser will automatically assume that is the case if the extension is .xml. If you are using
+ a server-side scripting framework set the content-type header to be "text/xml"</p><br>
+ </li>
+ <li>
+ <b>The response is not properly formatted XML:</b>
+ <p>One of the issue with XML is that it is easy to make an invalid XML document. Check all the tag to make sure they
+ are closed properly</p><br>
+ </li>
+ <li>
+ <b>The select attribute of the instruction not valid or does not select the correct node:</b>
+ <p>This is common problem, look at the select attribute and make sure the value will select the
+ approriate elements.</p><br>
+ </li>
+ <li>
+ <b>The contents of the operations is not correct:</b>
+ <p>If you are using the set-innerhtml and the content is not valid HTML than it will not be set properly.</p><br>
+ </li>
+</ul>
+
+ </div>
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
+</script>
+<script type="text/javascript">
+_uacct = "UA-2110702-1";
+urchinTracker();
+</script>
+</body>
+</html>
\ No newline at end of file
Added: incubator/xap/site/docs/xmodify/css/stylesheet.css
URL: http://svn.apache.org/viewvc/incubator/xap/site/docs/xmodify/css/stylesheet.css?view=auto&rev=550329
==============================================================================
--- incubator/xap/site/docs/xmodify/css/stylesheet.css (added)
+++ incubator/xap/site/docs/xmodify/css/stylesheet.css Sun Jun 24 20:05:18 2007
@@ -0,0 +1,73 @@
+body { background-color: #FFFFFF; font-family: Verdana, Helvetica, sans-serif; font-size: 8pt;}
+p { margin: 0px; }
+b { font-weight: normal; color: black; text-decoration: underline; }
+table { width: 99%;}
+
+a:link, a:visited { color: #222299; text-decoration: none; }
+a:active, a:hover, #leftcol a:active, #leftcol a:hover { color: red !important; background-color: #FFFAAC;}
+a:link.selfref, a:visited.selfref { color: #555 !important; }
+.a td { background: #ddd; color: #000; }
+
+/* Table styles */
+.TableHeadingColor { background: #999999; color: white; font-size: 8pt; }
+.TableSubHeadingColor { background: #bbb; color: #fff; }
+.TableRowColor { background: white; font-size: 8pt; }
+
+.Cell {padding: 3px; border-bottom: #dddddd 1px solid; background: #f5f5f5; padding-right: 5px;}
+.NameCell { width: 200px; white-space: nowrap; }
+.TypeCell { width: 120px; white-space: nowrap; }
+.AnyElement { color: red; white-space: nowrap; font-style:italic; }
+
+.TableLeftCell { padding: 3px; border-bottom: #dddddd 1px solid; background: #f5f5f5; padding-right: 5px;}
+.TableRightCell { padding: 3px; border-bottom: #dddddd 1px solid; background: #f5f5f5; padding-right: 5px;}
+.TableGroupCell { padding: 3px; border-bottom: #dddddd 1px solid; background: #e5e5e5;font-weight:bold }
+.TableDetail { font-size: 8pt; width: 99%; }
+
+.TableGroupHeader { padding: 3px; border-bottom: #dddddd 1px solid; background: #f5f5f5; font-weight: bold; }
+.TableCellHeader { padding: 3px; border-bottom: #aaa 1px solid; background: #b5b5b5; font-size: 8pt; font-weight: bold; color: white;}
+
+.CDATAContentTable table { width: 99%; border-style: none; }
+.CDATAContentTable tr { background: white; font-size: 8pt; }
+.CDATAContentTable td { padding: 3px; border-style:none; border-bottom: #dddddd 1px solid; background: #f5f5f5; }
+.CDATAContentTable th { padding: 3px; border-style:none; border-bottom: #dddddd 1px solid; background: #e5e5e5; font-weight: bold; }
+
+.FooterTable { width: 100%; height: 40px; border-style: none; }
+
+/* Font used in left-hand frame lists */
+.FrameTitleFont { font-size: 8pt; font-family: verdana; color: #000000; margin-top: 5px; margin-bottom: 5px; }
+.FrameHeadingFont { font-size: 8pt; font-family: normal; color: #000000; }
+.FrameItemFont { font-size: 8pt; font-family: normal; color: #000000; }
+
+/* Navigation bar fonts and colors */
+.NavBarCell1 { background-color:#ddd; }/* Light mauve */
+.NavBarCell1Rev { background-color:#888; }/* Dark Blue */
+.NavBarFont1 { font-family: Verdana, Helvetica, sans-serif; color:#000000; }
+.NavBarFont1Rev { font-family: Verdana, Helvetica, sans-serif; color:#FFFFFF; }
+
+.NavBarCell2 { font-family: Verdana, Helvetica, sans-serif; background-color:#FFFFFF; }
+.NavBarCell3 { font-family: Verdana, Helvetica, sans-serif; background-color:#FFFFFF; }
+
+div.hierar { margin-left: 1em; text-indent: 0em; border-style:solid; border-width:1px; border-color: #D0D0D0; }
+ul { margin-top: 0px; margin-bottom: 0px; }
+li { margin-top: 0px; margin-bottom: 0px; }
+code { font-family: Verdana, Helvetica, sans-serif; }
+h2 { font-size: 12pt; color: black; font-family: Verdana; padding: 3px; background-color: #eeeeff; border: 1px blue solid;}
+h3 { font-size: 8pt; color: #000000; font-family: Verdana; background-color: white; padding-top: 5px; padding-left: 2px;}
+h4 { font-size: 10pt; color: #000099; font-family: Verdana; background-color: white; margin: 0px; margin-top: 15px; margin-bottom: 0px;}
+.labelClass { font-size: 10pt; color: #000099; font-family: Verdana; background-color: white; margin: 0px; margin-top: 0px; margin-bottom: 0px;}
+
+.anno { color: #888888; }
+.smal { font-size: 8pt; font-weight: normal; text-align: right; margin-bottom: 5px; }
+
+.Types { color: #229922; }
+.Block { background-color: white; border: 1px white solid; padding-top: 5px; padding-bottom: 5px; }
+.Group { font-size: 10pt; }
+.Important { color: #000000; }
+
+.LeftDetail { border: 1px solid; border-top:0px; border-color:#808080 }
+.leftLabel { cursor:pointer; border:solid 1px; background-color:#808080; border-color:#0000ff; }
+.bodyOverview { font-family:Verdana; font-size:8pt; background:white; padding:0px; color:black; margin: 5px; padding-top: 3px; }
+.updateDate { color: #aaa; }
+.bodyHome { font-size: 16px; color: #9999aa; font-weight: bold;}
+
+
Added: incubator/xap/site/docs/xmodify/doc/DocumentationHome.html
URL: http://svn.apache.org/viewvc/incubator/xap/site/docs/xmodify/doc/DocumentationHome.html?view=auto&rev=550329
==============================================================================
--- incubator/xap/site/docs/xmodify/doc/DocumentationHome.html (added)
+++ incubator/xap/site/docs/xmodify/doc/DocumentationHome.html Sun Jun 24 20:05:18 2007
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+<HTML>
+<HEAD>
+<TITLE>Nexaweb API</TITLE>
+<META NAME="Generator" CONTENT="EditPlus">
+<META NAME="Author" CONTENT="Jagat">
+<META NAME="Keywords" CONTENT="">
+<META NAME="Description" CONTENT="">
+</HEAD>
+
+
+<FRAMESET COLS="30%,90%">
+
+ <FRAME SRC="overview/html/overview.html" NAME="overviewframe">
+ <FRAME SRC="Home.html" NAME="mainframe">
+
+</FRAMESET>
+<NOFRAMES>
+There is no frame support on your browser.
+</NOFRAMES>
+
+
+</HTML>
Added: incubator/xap/site/docs/xmodify/doc/Home.html
URL: http://svn.apache.org/viewvc/incubator/xap/site/docs/xmodify/doc/Home.html?view=auto&rev=550329
==============================================================================
--- incubator/xap/site/docs/xmodify/doc/Home.html (added)
+++ incubator/xap/site/docs/xmodify/doc/Home.html Sun Jun 24 20:05:18 2007
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+<HTML>
+<HEAD>
+<TITLE> New Document </TITLE>
+<META NAME="Generator" CONTENT="EditPlus">
+<META NAME="Author" CONTENT="">
+<META NAME="Keywords" CONTENT="">
+<META NAME="Description" CONTENT="">
+<link href="../css/stylesheet.css" rel="stylesheet" type="text/css" />
+</HEAD>
+
+<BODY>
+<br /><br /><center>
+<div style="font-size: 16px; color: #9999aa; font-weight: bold;">Welcome to the Nexaweb Schema Documentation</div>
+</center>
+</BODY>
+</HTML>
Added: incubator/xap/site/docs/xmodify/doc/complexTypes/html/any-child-directive-element-type.html
URL: http://svn.apache.org/viewvc/incubator/xap/site/docs/xmodify/doc/complexTypes/html/any-child-directive-element-type.html?view=auto&rev=550329
==============================================================================
--- incubator/xap/site/docs/xmodify/doc/complexTypes/html/any-child-directive-element-type.html (added)
+++ incubator/xap/site/docs/xmodify/doc/complexTypes/html/any-child-directive-element-type.html Sun Jun 24 20:05:18 2007
@@ -0,0 +1,120 @@
+<html xmlns:event="http://www.w3.org/2001/XMLSchema" xmlns:meta="http://www.w3.org/2001/XMLSchema" xmlns:xsd="http://www.w3.org/2001/XMLSchema">
+<head>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<link rel="stylesheet" type="text/css" href="../../../css/stylesheet.css">
+</head>
+<body>
+<script src="../../../js/myJS.js" language="javascript" type="text/javascript"></script>
+<h2>
+<span class="smal">"http://openxal.org/core/xmodify"</span>
+<br>any-child-directive</h2>
+<div>
+<h4 class="Group">
+<img src="../../../images/minus.gif" id="complexOverviewMinus" onClick="
+ javascript:toggleDiv(this,'complexOverviewDivID');">Overview</h4>
+</div>
+<div id="complexOverviewDivID" style="display:block;visibility:visible"> <any-child-directive [attributes]> <br> ( <span class="AnyElement">
+ Any element from any namespace
+ </span>* )? <br></any-child-directive> </div>
+<div>
+<h4 class="Group">
+<img src="../../../images/minus.gif" id="complexDocMinus" onClick="javascript:toggleDiv(this,'complexDocDivID');">Documentation</h4>
+</div>
+<div id="complexDocDivID" style="display:block;visibility:visible">
+Elements of this type can take any number of elements of any type as children.
+Examples of elements that extend this type include append, insert-at, insert-before
+and others.
+</div>
+<div>
+<h4 class="Group">
+<img src="../../../images/minus.gif" id="complexAttributesMinus" onClick="javascript:toggleDiv(this,'complexAttributesDivID');">Attribute Summary</h4>
+</div>
+<div id="complexAttributesDivID" style="display:block;visibility:visible">
+<table>
+<tr>
+<td class="TableCellHeader NameCell">Attribute Name</td><td class="TableCellHeader">Type</td><td class="TableCellHeader">Description</td>
+</tr>
+<tr class="TableRowColor" valign="top" bgcolor="white">
+<td class="TableGroupCell" valign="top" colspan="3">Basic<br>
+</td>
+</tr>
+<tr class="TableRowColor" valign="top" bgcolor="white">
+<td class="TableRightCell NameCell" valign="top"><a href="#select">select</a></td><td valign="top" align="left" class="TableLeftCell"><a href="../../simpleTypes/html/select-attribute-type.html">select</a></td><td class="TableLeftCell">
+The value of this attribute is any valid XPath query which returns a result
+set (usually a set of elements or attributes) on which the enclosing xModify
+command then operates on.</td>
+</tr>
+</table>
+</div>
+<div>
+<h4 class="Group">
+<img src="../../../images/minus.gif" id="complexAttributeDetailMinus" onClick="javascript:toggleDiv(this,'complexAttributeDetailDivID');">Attribute Details</h4>
+</div>
+<div id="complexAttributeDetailDivID" style="display:block;visibility:visible">
+<h3>
+<img align="top" src="../../../images/base.gif"><a name="select">select</a>
+</h3>
+<table class="TableDetail">
+<tr>
+<td valign="top" class="TableRightCell NameCell">About</td><td class="TableRightCell">
+The value of this attribute is any valid XPath query which returns a result
+set (usually a set of elements or attributes) on which the enclosing xModify
+command then operates on. <p>
+Shown below is a valid xModify command set containing just 1 command: remove-element.<br><br>
+
+<pre>
+ <xm:modifications version="1.0" xmlns:xm="http://openxal.org/core/xmodify"
+ document="mydocument">
+ <xm:remove-element select="/ui/rootPane/freePane[1]/button"/>
+ </xm:modifications>
+</pre>
+<br>
+The 'select' attribute of this command contains the following XPath query:
+"/ui/rootPane/freePane[1]/button". This query selects all buttons in the document "mydocument"
+that are children of the first child freePane of the rootPane element. All of these buttons
+are then removed from the document by the remove-element command.
+
+<br><br>
+When selecting elements in the HTML document be sure to capitalize the element names. This is
+a result of the way the are store in the browser. The following example will append a row to the table
+with an id of "myTable". Notice on the XPath statement also contains the TBODY which is
+standard on all tables.
+<br>
+<pre>
+ <xm:modifications version="1.0" xmlns:xm="http://openxal.org/core/xmodify"
+ document="html">
+ <xm:append select="TABLE[@id='myTable']/TBODY">
+ <![CDATA[ <tr><td>New Person</td></tr>
+ ]]>
+ </xm:append><br>
+ </xm:modifications><br>
+</pre>
+
+</td>
+</tr>
+<tr>
+<td valign="top" class="TableRightCell">Type</td><td class="TableRightCell">
+<p>
+<span class="Types"><a href="../../simpleTypes/html/select-attribute-type.html">select-attribute-type</a></span>
+</p>
+</td>
+</tr>
+<tr>
+<td valign="top" class="TableRightCell">Values</td><td class="TableRightCell"><span class="Types"></span></td>
+</tr>
+<tr>
+<td valign="top" class="TableRightCell">Usage</td><td class="TableRightCell">optional</td>
+</tr>
+</table>
+</div>
+<table class="FooterTable">
+<tr>
+<td align="left" width="50%" class="TableRowColor">Version: Based on Platform 4.5.7.1862</td><td align="right" class="TableRowColor"><span class="updateDate">last update: 2007-06-22</span></td>
+</tr>
+</table>
+<script src="http://www.google-analytics.com/urchin.js" language="javascript" type="text/javascript"></script><script>
+ uacct = "UA-2110702-1";
+ urchinTracker();
+ </script>
+</body>
+</html>
Added: incubator/xap/site/docs/xmodify/doc/complexTypes/html/append-element-type.html
URL: http://svn.apache.org/viewvc/incubator/xap/site/docs/xmodify/doc/complexTypes/html/append-element-type.html?view=auto&rev=550329
==============================================================================
--- incubator/xap/site/docs/xmodify/doc/complexTypes/html/append-element-type.html (added)
+++ incubator/xap/site/docs/xmodify/doc/complexTypes/html/append-element-type.html Sun Jun 24 20:05:18 2007
@@ -0,0 +1,212 @@
+<html xmlns:event="http://www.w3.org/2001/XMLSchema" xmlns:meta="http://www.w3.org/2001/XMLSchema" xmlns:xsd="http://www.w3.org/2001/XMLSchema">
+<head>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<link rel="stylesheet" type="text/css" href="../../../css/stylesheet.css">
+</head>
+<body>
+<script src="../../../js/myJS.js" language="javascript" type="text/javascript"></script>
+<h2>
+<span class="smal">"http://openxal.org/core/xmodify"</span>
+<br>append</h2>
+<div>
+<h4 class="Group">
+<img src="../../../images/minus.gif" id="complexOverviewMinus" onClick="
+ javascript:toggleDiv(this,'complexOverviewDivID');">Overview</h4>
+</div>
+<div id="complexOverviewDivID" style="display:block;visibility:visible"> <append [attributes]> <br> ( <span class="AnyElement">
+ Any element from any namespace
+ </span>* )? <br></append> </div>
+<div>
+<h4 class="Group">
+<img src="../../../images/minus.gif" id="complexDocMinus" onClick="javascript:toggleDiv(this,'complexDocDivID');">Documentation</h4>
+</div>
+<div id="complexDocDivID" style="display:block;visibility:visible">
+The append command appends its arguments (specified as children of
+the command element) at the end of the children list of each of
+the results returned by the XPath query.<br><br>
+
+The XPath query must return the following set: ( Element | Document )*.
+If any of the results of the XPath query is not an Element or a Document,
+an UpdateException is thrown and the execution of the <xm:modifications/>
+block is halted. If the XPath query selects the Document object, additional
+restrictions apply: the directive element must only have 1 child Element and
+the Document must not have a root Element. If the directive element has more than
+one child or the Document already has a root Element, an UpdateException will
+be thrown.<br><br>
+
+The following logic applies to the arguments of the append command based
+on the type of each argument:
+
+<ul>
+<li>value-of directive element is executed and the value of the bound variable will get
+appended (not the directive element itself)
+<li>clone directive element is executed and the cloned elements (which is the result of
+ executing the command) will get appended.
+<li>any other xModify directive element will get appended as is.
+<li>element in any other namespace will be appended as is. If the XPath query
+ returns more than 1 result, the element is cloned before being appended to prevent
+ id conflicts (the clone is deep).
+<li>string argument is appended as is.
+</ul>
+<br>
+
+<h4>Here is a XAL example:</h4><br>
+<pre>
+ <xm:modifications version="1.0" xmlns:xm="http://openxal.org/core/xmodify" document="mydocument">
+ <xm:append select="id('mywindow')">
+ <freePane id="mypanel"/>
+ </xm:append>
+ </xm:modifications>
+</pre>
+The above command will append the new freePane (id="mypanel") at the end of the
+children list of the selected window.
+
+<br><br>
+
+<h4>HTML Example:</h4><br>
+
+<script language="JavaScript" type="text/javascript" src="../../../../../javascript/jquery/jquery-latest.js"></script>
+<script language="JavaScript" type="text/javascript" src="../../../../../javascript/xmodify/xmodify-jquery.js"></script>
+
+<p>The "Add row to table" button will append a row to the table.</p>
+
+<p>
+<table style="width:310px" id="mytable">
+ <tr style="background-color:#aaa"><th width="150px" align="left">Employee ID</th><th width="150px" align="left">Full Name</th></tr>
+ <tr><td>3456g</td><td>Jane Smith</td></tr>
+<table>
+<input style="width:150px" type="button" value="Add row to table" onclick="$.xmodify({url:'../../../operations/addrow.xml'});"/>
+<input style="width:150px" type="button" value="Reset table" onclick="$.xmodify({url:'../../../operations/resettable.xml'});"/>
+</p>
+<br>
+
+<p><b>addrow.xml</b></p>
+<p>This file uses the append xModify instruction to add a new row to the html table.
+The select attribute of the append tag denotes the location to which append the children
+of the append tag to. Typically you will use a <![CDATA[ ]]> block to cut down on parse
+and traversal time.</p>
+<pre><xal xmlns:xm="http://openxal.org/core/xmodify">
+ <xm:modifications document="html">
+ <xm:append select="#mytable">
+ <![CDATA[
+ <tr>
+ <td>12390i</td>
+ <td>Larry Franklin</td>
+ </tr>
+ ]]>
+ </xm:append>
+ </xm:modifications>
+</xal>
+</pre>
+
+<p><b>resettables.xml</b></p>
+<p>This file uses the append xModify instruction to add a new row to the html table.
+The select attribute of the append tag denotes the location to which append the children
+of the append tag to. Typically you will use a <![CDATA[ ]]> block to cut down on parse
+and traversal time.</p>
+<pre><xal xmlns:xm="http://openxal.org/core/xmodify">
+ <xm:modifications document="html">
+ <xm:replace-children select="#mytable">
+ <![CDATA[
+ <tr style="background-color:#aaa"><th>Employee ID</th><th>Full Name</th></tr>
+ <tr><td>3456g</td><td>Jane Smith</td></tr>
+ ]]>
+ </xm:replace-children>
+ </xm:modifications>
+</xal>
+</pre>
+
+</div>
+<div>
+<h4 class="Group">
+<img src="../../../images/minus.gif" id="complexAttributesMinus" onClick="javascript:toggleDiv(this,'complexAttributesDivID');">Attribute Summary</h4>
+</div>
+<div id="complexAttributesDivID" style="display:block;visibility:visible">
+<table>
+<tr>
+<td class="TableCellHeader NameCell">Attribute Name</td><td class="TableCellHeader">Type</td><td class="TableCellHeader">Description</td>
+</tr>
+<tr class="TableRowColor" valign="top" bgcolor="white">
+<td class="TableGroupCell" valign="top" colspan="3">Basic<br>
+</td>
+</tr>
+<tr class="TableRowColor" valign="top" bgcolor="white">
+<td class="TableRightCell NameCell" valign="top"><a href="#select">select</a></td><td valign="top" align="left" class="TableLeftCell"><a href="../../simpleTypes/html/select-attribute-type.html">select</a></td><td class="TableLeftCell">
+The value of this attribute is any valid XPath query which returns a result
+set (usually a set of elements or attributes) on which the enclosing xModify
+command then operates on.</td>
+</tr>
+</table>
+</div>
+<div>
+<h4 class="Group">
+<img src="../../../images/minus.gif" id="complexAttributeDetailMinus" onClick="javascript:toggleDiv(this,'complexAttributeDetailDivID');">Attribute Details</h4>
+</div>
+<div id="complexAttributeDetailDivID" style="display:block;visibility:visible">
+<h3>
+<img align="top" src="../../../images/base.gif"><a name="select">select</a>
+</h3>
+<table class="TableDetail">
+<tr>
+<td valign="top" class="TableRightCell NameCell">About</td><td class="TableRightCell">
+The value of this attribute is any valid XPath query which returns a result
+set (usually a set of elements or attributes) on which the enclosing xModify
+command then operates on. <p>
+Shown below is a valid xModify command set containing just 1 command: remove-element.<br><br>
+
+<pre>
+ <xm:modifications version="1.0" xmlns:xm="http://openxal.org/core/xmodify"
+ document="mydocument">
+ <xm:remove-element select="/ui/rootPane/freePane[1]/button"/>
+ </xm:modifications>
+</pre>
+<br>
+The 'select' attribute of this command contains the following XPath query:
+"/ui/rootPane/freePane[1]/button". This query selects all buttons in the document "mydocument"
+that are children of the first child freePane of the rootPane element. All of these buttons
+are then removed from the document by the remove-element command.
+
+<br><br>
+When selecting elements in the HTML document be sure to capitalize the element names. This is
+a result of the way the are store in the browser. The following example will append a row to the table
+with an id of "myTable". Notice on the XPath statement also contains the TBODY which is
+standard on all tables.
+<br>
+<pre>
+ <xm:modifications version="1.0" xmlns:xm="http://openxal.org/core/xmodify"
+ document="html">
+ <xm:append select="TABLE[@id='myTable']/TBODY">
+ <![CDATA[ <tr><td>New Person</td></tr>
+ ]]>
+ </xm:append><br>
+ </xm:modifications><br>
+</pre>
+
+</td>
+</tr>
+<tr>
+<td valign="top" class="TableRightCell">Type</td><td class="TableRightCell">
+<p>
+<span class="Types"><a href="../../simpleTypes/html/select-attribute-type.html">select-attribute-type</a></span>
+</p>
+</td>
+</tr>
+<tr>
+<td valign="top" class="TableRightCell">Values</td><td class="TableRightCell"><span class="Types"></span></td>
+</tr>
+<tr>
+<td valign="top" class="TableRightCell">Usage</td><td class="TableRightCell">optional</td>
+</tr>
+</table>
+</div>
+<table class="FooterTable">
+<tr>
+<td align="left" width="50%" class="TableRowColor">Version: Based on Platform 4.5.7.1862</td><td align="right" class="TableRowColor"><span class="updateDate">last update: 2007-06-22</span></td>
+</tr>
+</table>
+<script src="http://www.google-analytics.com/urchin.js" language="javascript" type="text/javascript"></script><script>
+ uacct = "UA-2110702-1";
+ urchinTracker();
+ </script>
+</body>
+</html>
Added: incubator/xap/site/docs/xmodify/doc/complexTypes/html/attribute-element-type.html
URL: http://svn.apache.org/viewvc/incubator/xap/site/docs/xmodify/doc/complexTypes/html/attribute-element-type.html?view=auto&rev=550329
==============================================================================
--- incubator/xap/site/docs/xmodify/doc/complexTypes/html/attribute-element-type.html (added)
+++ incubator/xap/site/docs/xmodify/doc/complexTypes/html/attribute-element-type.html Sun Jun 24 20:05:18 2007
@@ -0,0 +1,152 @@
+<html xmlns:event="http://www.w3.org/2001/XMLSchema" xmlns:meta="http://www.w3.org/2001/XMLSchema" xmlns:xsd="http://www.w3.org/2001/XMLSchema">
+<head>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<link rel="stylesheet" type="text/css" href="../../../css/stylesheet.css">
+</head>
+<body>
+<script src="../../../js/myJS.js" language="javascript" type="text/javascript"></script>
+<h2>
+<span class="smal">"http://openxal.org/core/xmodify"</span>
+<br>attribute</h2>
+<div>
+<h4 class="Group">
+<img src="../../../images/minus.gif" id="complexOverviewMinus" onClick="
+ javascript:toggleDiv(this,'complexOverviewDivID');">Overview</h4>
+</div>
+<div id="complexOverviewDivID" style="display:block;visibility:visible"> <attribute [attributes]/></div>
+<div>
+<h4 class="Group">
+<img src="../../../images/minus.gif" id="complexDocMinus" onClick="javascript:toggleDiv(this,'complexDocDivID');">Documentation</h4>
+</div>
+<div id="complexDocDivID" style="display:block;visibility:visible">
+The attribute directive element is only used as an argument to the set-attribute
+directive. The element contains two attributes:<br>
+<ul>
+<li> name - the name of the attribute to be set.
+<li> value - the value of the attribute to be set.
+</ul>
+
+<br><br>
+
+<h4>HTML Example:</h4>
+<br><br>
+<script language="JavaScript" type="text/javascript" src="../../../../../javascript/jquery/jquery-latest.js"></script>
+<script language="JavaScript" type="text/javascript" src="../../../../../javascript/xmodify/xmodify-jquery.js"></script>
+
+The buttons below can be used to clear and reset the values of the form inputs.
+<br><br>
+
+<div style="border:1px solid #aaa;margin:10px;padding:10px;" id="replace-contents">
+ <div><b>Please login!</b></div><br>
+ <div>
+ Username: <input id="username" type="text" value="janesmith"><br>
+ Password: <input id="password" type="password" value="wakeup"><br><br>
+ <input style="width:150px" type="button" value="Clear" onclick="$.xmodify({url:'../../../operations/clear-form.xml'});"/>
+ <input style="width:150px" type="button" value="Reset" onclick="$.xmodify({url:'../../../operations/reset-form.xml'});"/>
+ </div>
+</div>
+<br>
+<p><b>clear-form.xml</b></p>
+<p>This file uses the set-attribute xModify instruction to change the text of the input.
+The select attribute of the replace tag denotes the location of the element to change.
+</p>
+<pre>
+<xal xmlns:xm="http://openxal.org/core/xmodify">
+ <xm:modifications document="html">
+ <xm:set-attribute select="#username">
+ <xm:attribute name="value" value=""/>
+ </xm:set-attribute>
+ <xm:set-attribute select="#password">
+ <xm:attribute name="value" value=""/>
+ </xm:set-attribute>
+ </xm:modifications>
+</xal>
+</pre>
+
+</div>
+<div>
+<h4 class="Group">
+<img src="../../../images/minus.gif" id="complexAttributesMinus" onClick="javascript:toggleDiv(this,'complexAttributesDivID');">Attribute Summary</h4>
+</div>
+<div id="complexAttributesDivID" style="display:block;visibility:visible">
+<table>
+<tr>
+<td class="TableCellHeader NameCell">Attribute Name</td><td class="TableCellHeader">Type</td><td class="TableCellHeader">Description</td>
+</tr>
+<tr class="TableRowColor" valign="top" bgcolor="white">
+<td class="TableGroupCell" valign="top" colspan="3">Uncategorized<br>
+</td>
+</tr>
+<tr class="TableRowColor" valign="top" bgcolor="white">
+<td class="TableRightCell NameCell" valign="top"><a href="#name">name</a></td><td valign="top" align="left" class="TableLeftCell Types">string</td><td class="TableLeftCell">
+ Specifies the name of the attribute to be set.</td>
+</tr>
+<tr class="TableRowColor" valign="top" bgcolor="white">
+<td class="TableRightCell NameCell" valign="top"><a href="#value">value</a></td><td valign="top" align="left" class="TableLeftCell Types">string</td><td class="TableLeftCell">
+ Specifies the value of the attribute to be set.</td>
+</tr>
+</table>
+</div>
+<div>
+<h4 class="Group">
+<img src="../../../images/minus.gif" id="complexAttributeDetailMinus" onClick="javascript:toggleDiv(this,'complexAttributeDetailDivID');">Attribute Details</h4>
+</div>
+<div id="complexAttributeDetailDivID" style="display:block;visibility:visible">
+<h3>
+<img align="top" src="../../../images/base.gif"><a name="name">name</a>
+</h3>
+<table class="TableDetail">
+<tr>
+<td valign="top" class="TableRightCell NameCell">About</td><td class="TableRightCell">
+ Specifies the name of the attribute to be set.
+ </td>
+</tr>
+<tr>
+<td valign="top" class="TableRightCell">Type</td><td class="TableRightCell">
+<p>
+<span class="Types">string</span>
+</p>
+</td>
+</tr>
+<tr>
+<td valign="top" class="TableRightCell">Values</td><td class="TableRightCell"><span class="Types">string</span></td>
+</tr>
+<tr>
+<td valign="top" class="TableRightCell">Usage</td><td class="TableRightCell">optional</td>
+</tr>
+</table>
+<h3>
+<img align="top" src="../../../images/base.gif"><a name="value">value</a>
+</h3>
+<table class="TableDetail">
+<tr>
+<td valign="top" class="TableRightCell NameCell">About</td><td class="TableRightCell">
+ Specifies the value of the attribute to be set.
+ </td>
+</tr>
+<tr>
+<td valign="top" class="TableRightCell">Type</td><td class="TableRightCell">
+<p>
+<span class="Types">string</span>
+</p>
+</td>
+</tr>
+<tr>
+<td valign="top" class="TableRightCell">Values</td><td class="TableRightCell"><span class="Types">string</span></td>
+</tr>
+<tr>
+<td valign="top" class="TableRightCell">Usage</td><td class="TableRightCell">optional</td>
+</tr>
+</table>
+</div>
+<table class="FooterTable">
+<tr>
+<td align="left" width="50%" class="TableRowColor">Version: Based on Platform 4.5.7.1862</td><td align="right" class="TableRowColor"><span class="updateDate">last update: 2007-06-22</span></td>
+</tr>
+</table>
+<script src="http://www.google-analytics.com/urchin.js" language="javascript" type="text/javascript"></script><script>
+ uacct = "UA-2110702-1";
+ urchinTracker();
+ </script>
+</body>
+</html>
Added: incubator/xap/site/docs/xmodify/doc/complexTypes/html/base-directive-element-type.html
URL: http://svn.apache.org/viewvc/incubator/xap/site/docs/xmodify/doc/complexTypes/html/base-directive-element-type.html?view=auto&rev=550329
==============================================================================
--- incubator/xap/site/docs/xmodify/doc/complexTypes/html/base-directive-element-type.html (added)
+++ incubator/xap/site/docs/xmodify/doc/complexTypes/html/base-directive-element-type.html Sun Jun 24 20:05:18 2007
@@ -0,0 +1,118 @@
+<html xmlns:event="http://www.w3.org/2001/XMLSchema" xmlns:meta="http://www.w3.org/2001/XMLSchema" xmlns:xsd="http://www.w3.org/2001/XMLSchema">
+<head>
+<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<link rel="stylesheet" type="text/css" href="../../../css/stylesheet.css">
+</head>
+<body>
+<script src="../../../js/myJS.js" language="javascript" type="text/javascript"></script>
+<h2>
+<span class="smal">"http://openxal.org/core/xmodify"</span>
+<br>base-directive</h2>
+<div>
+<h4 class="Group">
+<img src="../../../images/minus.gif" id="complexOverviewMinus" onClick="
+ javascript:toggleDiv(this,'complexOverviewDivID');">Overview</h4>
+</div>
+<div id="complexOverviewDivID" style="display:block;visibility:visible"> <base-directive [attributes]/></div>
+<div>
+<h4 class="Group">
+<img src="../../../images/minus.gif" id="complexDocMinus" onClick="javascript:toggleDiv(this,'complexDocDivID');">Documentation</h4>
+</div>
+<div id="complexDocDivID" style="display:block;visibility:visible">
+This is the base type that most xModify command element types extend.
+For the detailed description of the attributes of this element type click on
+the links below.
+</div>
+<div>
+<h4 class="Group">
+<img src="../../../images/minus.gif" id="complexAttributesMinus" onClick="javascript:toggleDiv(this,'complexAttributesDivID');">Attribute Summary</h4>
+</div>
+<div id="complexAttributesDivID" style="display:block;visibility:visible">
+<table>
+<tr>
+<td class="TableCellHeader NameCell">Attribute Name</td><td class="TableCellHeader">Type</td><td class="TableCellHeader">Description</td>
+</tr>
+<tr class="TableRowColor" valign="top" bgcolor="white">
+<td class="TableGroupCell" valign="top" colspan="3">Basic<br>
+</td>
+</tr>
+<tr class="TableRowColor" valign="top" bgcolor="white">
+<td class="TableRightCell NameCell" valign="top"><a href="#select">select</a></td><td valign="top" align="left" class="TableLeftCell"><a href="../../simpleTypes/html/select-attribute-type.html">select</a></td><td class="TableLeftCell">
+The value of this attribute is any valid XPath query which returns a result
+set (usually a set of elements or attributes) on which the enclosing xModify
+command then operates on.</td>
+</tr>
+</table>
+</div>
+<div>
+<h4 class="Group">
+<img src="../../../images/minus.gif" id="complexAttributeDetailMinus" onClick="javascript:toggleDiv(this,'complexAttributeDetailDivID');">Attribute Details</h4>
+</div>
+<div id="complexAttributeDetailDivID" style="display:block;visibility:visible">
+<h3>
+<img align="top" src="../../../images/base.gif"><a name="select">select</a>
+</h3>
+<table class="TableDetail">
+<tr>
+<td valign="top" class="TableRightCell NameCell">About</td><td class="TableRightCell">
+The value of this attribute is any valid XPath query which returns a result
+set (usually a set of elements or attributes) on which the enclosing xModify
+command then operates on. <p>
+Shown below is a valid xModify command set containing just 1 command: remove-element.<br><br>
+
+<pre>
+ <xm:modifications version="1.0" xmlns:xm="http://openxal.org/core/xmodify"
+ document="mydocument">
+ <xm:remove-element select="/ui/rootPane/freePane[1]/button"/>
+ </xm:modifications>
+</pre>
+<br>
+The 'select' attribute of this command contains the following XPath query:
+"/ui/rootPane/freePane[1]/button". This query selects all buttons in the document "mydocument"
+that are children of the first child freePane of the rootPane element. All of these buttons
+are then removed from the document by the remove-element command.
+
+<br><br>
+When selecting elements in the HTML document be sure to capitalize the element names. This is
+a result of the way the are store in the browser. The following example will append a row to the table
+with an id of "myTable". Notice on the XPath statement also contains the TBODY which is
+standard on all tables.
+<br>
+<pre>
+ <xm:modifications version="1.0" xmlns:xm="http://openxal.org/core/xmodify"
+ document="html">
+ <xm:append select="TABLE[@id='myTable']/TBODY">
+ <![CDATA[ <tr><td>New Person</td></tr>
+ ]]>
+ </xm:append><br>
+ </xm:modifications><br>
+</pre>
+
+</td>
+</tr>
+<tr>
+<td valign="top" class="TableRightCell">Type</td><td class="TableRightCell">
+<p>
+<span class="Types"><a href="../../simpleTypes/html/select-attribute-type.html">select-attribute-type</a></span>
+</p>
+</td>
+</tr>
+<tr>
+<td valign="top" class="TableRightCell">Values</td><td class="TableRightCell"><span class="Types"></span></td>
+</tr>
+<tr>
+<td valign="top" class="TableRightCell">Usage</td><td class="TableRightCell">optional</td>
+</tr>
+</table>
+</div>
+<table class="FooterTable">
+<tr>
+<td align="left" width="50%" class="TableRowColor">Version: Based on Platform 4.5.7.1862</td><td align="right" class="TableRowColor"><span class="updateDate">last update: 2007-06-22</span></td>
+</tr>
+</table>
+<script src="http://www.google-analytics.com/urchin.js" language="javascript" type="text/javascript"></script><script>
+ uacct = "UA-2110702-1";
+ urchinTracker();
+ </script>
+</body>
+</html>