[Laszlo-checkins] r11732 - in openlaszlo/trunk/laszlo-explorer: animation basics classes constraints data scripting
lou@openlaszlo.org
lou at openlaszlo.org
Wed Nov 12 09:06:36 PST 2008
Author: lou
Date: 2008-11-12 09:04:49 -0800 (Wed, 12 Nov 2008)
New Revision: 11732
Modified:
openlaszlo/trunk/laszlo-explorer/animation/animation.lzx.htm
openlaszlo/trunk/laszlo-explorer/animation/animatorgroup.lzx.htm
openlaszlo/trunk/laszlo-explorer/animation/motion.lzx.htm
openlaszlo/trunk/laszlo-explorer/basics/fonts.lzx.htm
openlaszlo/trunk/laszlo-explorer/basics/form.lzx.htm
openlaszlo/trunk/laszlo-explorer/basics/hello.lzx.htm
openlaszlo/trunk/laszlo-explorer/basics/hellobutton.lzx.htm
openlaszlo/trunk/laszlo-explorer/basics/hellowindow.lzx.htm
openlaszlo/trunk/laszlo-explorer/basics/layout.lzx.htm
openlaszlo/trunk/laszlo-explorer/basics/mediaaudio.lzx.htm
openlaszlo/trunk/laszlo-explorer/basics/mediaimg.lzx.htm
openlaszlo/trunk/laszlo-explorer/basics/mediavideo.lzx.htm
openlaszlo/trunk/laszlo-explorer/basics/scrolling.lzx.htm
openlaszlo/trunk/laszlo-explorer/basics/view.lzx.htm
openlaszlo/trunk/laszlo-explorer/classes/attributes.lzx.htm
openlaszlo/trunk/laszlo-explorer/classes/events.lzx.htm
openlaszlo/trunk/laszlo-explorer/classes/inheritance.lzx.htm
openlaszlo/trunk/laszlo-explorer/classes/methods.lzx.htm
openlaszlo/trunk/laszlo-explorer/classes/withclasses.lzx.htm
openlaszlo/trunk/laszlo-explorer/classes/withoutclasses.lzx.htm
openlaszlo/trunk/laszlo-explorer/constraints/basics.lzx.htm
openlaszlo/trunk/laszlo-explorer/constraints/dragdrop.lzx.htm
openlaszlo/trunk/laszlo-explorer/constraints/proportions.lzx.htm
openlaszlo/trunk/laszlo-explorer/constraints/splitpanel.lzx.htm
openlaszlo/trunk/laszlo-explorer/data/database.lzx.htm
openlaszlo/trunk/laszlo-explorer/data/databinding.lzx.htm
openlaszlo/trunk/laszlo-explorer/data/datalocal.lzx.htm
openlaszlo/trunk/laszlo-explorer/data/dataremote.lzx.htm
openlaszlo/trunk/laszlo-explorer/data/datarepeated.lzx.htm
openlaszlo/trunk/laszlo-explorer/scripting/debugger.lzx.htm
openlaszlo/trunk/laszlo-explorer/scripting/events.lzx.htm
openlaszlo/trunk/laszlo-explorer/scripting/methods.lzx.htm
Log:
Change 20081112-lou-k by lou at loumac.local on 2008-11-12 12:56:44 AST
in /Users/lou/src/svn/openlaszlo/trunk
for http://svn.openlaszlo.org/openlaszlo/trunk
Summary: Laszlo in 10 samples: fix all "for more details" links to point to the appropriate page
Bugs Fixed: LPP-6201
Technical Reviewer: (pending)
QA Reviewer: (pending)
Doc Reviewer: (pending)
Details: fix all "for more details" links
Fixed many, many HTML errors, including badly formatted lists and tables.
Change deprecated HTML font tags to code tags
General HTML clean up
Tests: visual verify, test links, validate HTML
Modified: openlaszlo/trunk/laszlo-explorer/animation/animation.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/animation/animation.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/animation/animation.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,34 +1,46 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?animator.html" target="laszlo-reference">animator reference</a>
-<hr>
-<table>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>animation</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ </tr>
+ </table>
+ <hr />
+ <p>Animations are extremely useful when building easy-to-use, self-explanatory user
+ interfaces because they provide the user with visual clues about the application state
+ transitions. </p>
+ <p>LZX's simple and powerful animation API allows you to build sophisticated animations
+ using a familiar and manageable programmatic approach. Using LZX, you don't have to work
+ with complicated and/or unfamiliar metaphors such as the timeline and frames. All user
+ interface components have an <code class="script">animate()</code> method, that allows
+ you to animate <i>any</i> component property.</p>
+ <p>This example, demonstrates an expandable panel. When you click the "Click here to toggle"
+ text, the details view opens smoothly. This is done by animating the <code
+ class="attribute">height</code> attribute of the details view from <code
+ class="value">0</code> to <code class="value">200</code> pixels in <code
+ class="value">500</code> milliseconds. When you click the "Click here to toggle"
+ text again, the details view closes. This is done by animating the <code
+ class="attribute">height</code> attribute back to <code class="value">0</code>.</p>
-<tr valign=top><td><li></td><td>Animations are extremely useful when building easy-to-use, self-explanatory user interfaces because they provide the user with visual clues about the application state transitions.</td></tr>
+ <p>The animate method takes four arguments:</p>
-<tr valign=top><td><li></td><td>LZX's simple and powerful animation API allows you to build sophisticated animations using a familiar and manageable programmatic approach. Using LZX, you don't have to work with complicated and/or unfamiliar metaphors such as the timeline and frames.</td></tr>
-
-<tr valign=top><td><li></td><td>All user interface components have an <font class=script>animate()</font> method, that allows you to animate <i>any</i> component property.</td></tr>
-
-<tr valign=top><td><li></td><td>This example, demonstrates an expandable panel. When you click the "Click here to toggle" text, the details view opens smoothly. This is done by animating the <font class=attribute>height</font> attribute of the details view from <font class=value>0</font> to <font class=value>200</font> pixels in <font class=value>500</font> milliseconds. When you click the "Click here to toggle" text again, the details view closes. This is done by animating the <font class=attribute>height</font> attribute back to <font class=value>0</font>.</td></tr>
-
-<tr valign=top><td><li></td><td>The animate method takes four arguments:
-
- <table cellpadding=0 cellspacing=0>
-
- <tr valign=top><td>1. </td><td>The name of the property to animate</td></tr>
-
- <tr valign=top><td>2. </td><td>A value for the property</td></tr>
-
- <tr valign=top><td>3. </td><td>The time in milliseconds the animation should take</td></tr>
-
- <tr valign=top><td>4. </td><td>A boolean indicating if the value passed as the second argument is relative to the property's current value (true), or absolute (false)</td></tr>
-
- </table>
-
-</td></tr>
-
-</table>
+ <ul>
+ <li>The name of the property to animate</li>
+ <li>A value for the property</li>
+ <li>The time in milliseconds the animation should take</li>
+ <li>A boolean indicating if the value passed as the second argument is relative to the
+ property's current value (true), or absolute (false)</li>
+ </ul>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/animation/animatorgroup.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/animation/animatorgroup.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/animation/animatorgroup.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,18 +1,32 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?animatorgroup.html" target="laszlo-reference">animatorgroup reference</a>
-<hr>
-The <font class=tag><animatorgroup></font> tag allows you to combine multiple animations and run them sequentially or simultaneously.<br>
-
-<br>
-
-In this example, we "visually" add an item to a shopping cart by first moving the item to the right, and then down in the shopping cart.<br>
-
-<br>
-
-
-
-
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>animatorgroups</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.animatorgroup.html" target="blank">animatorgroup
+ reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
+ <p>The <code class="tag"><animatorgroup></code> tag allows you to combine
+ multiple animations and run them sequentially or simultaneously. </p>
+ <p>In this example, we "visually" add an item to a shopping cart by first moving the item to
+ the right, and then down in the shopping cart. </p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/animation/motion.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/animation/motion.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/animation/motion.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,11 +1,37 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?animator.html" target="laszlo-reference">animator reference</a>
-<hr>
-Animators animate their attributes with an ease-in and ease-out automatically.
-This can be changed with use of the motion attribute.
-The motion attribute can have one of four values: linear, easein, easeout, and easeboth, where easeboth is the default value.
-Combining animators of attribute 'x' and 'y', for example, with different motion and duration values can produce differnt animation paths as shown in the example above.
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>motion</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.animator.html" target="blank">animator
+ reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
+ <p>Animators animate their attributes with an ease-in and ease-out automatically. This can
+ be changed with use of the <code class="attribute">motion</code> attribute. The <code
+ class="attribute">motion</code> attribute can have one of four values: <code
+ class="value">linear</code>, <code class="value">easein</code>, <code class="value"
+ >easeout</code>, and <code class="value">easeboth</code>, where <code class="value"
+ >easeboth</code> is the default value. Combining animators of attribute <code
+ class="attribute">x</code> and <code class="attribute">y</code>, for example, with
+ different motion and duration values can produce different animation paths as shown in
+ the example above.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/basics/fonts.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/basics/fonts.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/basics/fonts.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,24 +1,38 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?font.html" target="laszlo-reference">font reference</a>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>hello</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.font.html" target="blank">font reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
-<hr>
-
-Using fonts in traditional HTML-based Web applications is problematic because they are platform dependent:
-
-if the font you are using in an HTML page is not available on the end user platform, a substitution font is used with
-
-no guarantee of what the end result will look like. Using OpenLaszlo, you can embed fonts in your application using
-
-the <font class=tag><font></font> tag. You use the <font class=attribute>name</font> attribute to provide
-
-the font with a logical name used within your application, and the <font class=attribute>src</font> attribute to point
-
-to a font file. Just like images, font files have to be available on the server. This approach guarantees
-
-that your application will look exactly the same, pixel by pixel, on all platforms.<br>
-
-<br>
+ <p>Using fonts in traditional HTML-based Web applications is problematic because they are
+ platform dependent: if the font you are using in an HTML page is not available on the
+ end user platform, a substitution font is used with no guarantee of what the end result
+ will look like. Using OpenLaszlo, you can embed fonts in your application using the
+ <code class="tag"><font></code> tag. You use the <code
+ class="attribute">name</code> attribute to provide the font with a logical name used
+ within your application, and the <code class="attribute">src</code> attribute to point
+ to a font file. Just like images, font files have to be available on the server. This
+ approach guarantees that your application will look exactly the same, pixel by pixel, on
+ all platforms.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/basics/form.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/basics/form.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/basics/form.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,9 +1,32 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?lz-form.html" target="laszlo-reference">form reference</a>
-<hr>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>hello</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.form.html" target="blank">form reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
-The <font class="tag"><form></font> tag allows you to create a web form and provides automatic layout. Most components are laid out vertically with buttons at the lower right. The data represented by components that are enclosed in the form tag can be sent to the server using the <font class="tag"><submit></font> tag.
+ <p>The <code class="tag"><form></code> tag allows you to create a web form and
+ provides automatic layout. Most components are laid out vertically with buttons at the
+ lower right. The data represented by components that are enclosed in the form tag can be
+ sent to the server using the <code class="tag"><submit></code> tag.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/basics/hello.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/basics/hello.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/basics/hello.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,19 +1,44 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?canvas.html" target="laszlo-reference">canvas reference</a>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>hello</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.canvas.html" target="_blank">canvas reference</a>;
+ <a href="../docs/reference/lz.text.html" target="_blank">text reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
+ <p>The source code for an OpenLaszlo application is an XML document, or a collection of XML
+ documents. Every OpenLaszlo application begins with a set of <code class="tag"
+ ><canvas> </canvas></code> tags. Other tags are then
+ included to add functionality to the application. In this example, the <code class="tag"
+ ><text></code> tag was used to display 'Hello World'. Every tag has
+ attributes that allows you to modify their appearance or behavior. To experiment in the
+ example above try changing...<br /><br />
+ <code class="tag"><canvas></code> to <code class="tag"><canvas</code>
+ <code class="attribute">bgcolor</code>="<code class="value">#666699</code>"<code
+ class="tag">></code> ...or... <br />
+ <code class="tag"><text></code> to <code class="tag"><text</code>
+ <code class="attribute">fgcolor</code>="<code class="value">#CAD0EC</code>"<code
+ class="tag">></code></p>
-<a href="../docs/reference/index.html?text.html" target="laszlo-reference">text reference</a>
-
-<hr>
-
-The source code for an OpenLaszlo application is an XML document, or a collection of XML documents.
-Every OpenLaszlo application begins with a set of <font class="tag"><canvas> </canvas></font> tags.
-Other tags are then included to add functionality to the app. In this example, the <font class="tag"><text></font> tag was used to display 'Hello World'.
-Every tag has attributes that allows you to modify their appearance or behavior. To experiment in the example above try changing...<br><br>
-<font class=tag><canvas></font> to <font class=tag><canvas</font> <font class=attribute>bgcolor</font>="<font class=value>#666699</font>"<font class=tag>></font> ...or... <br>
-<font class=tag><text></font> to <font class=tag><text</font> <font class=attribute>fgcolor</font>="<font class=value>#CAD0EC</font>"<font class=tag>></font><br>
-<br>
-Then press the Update button. The application is recompiled and you can see the results of your changes in the running application area.
+ <p>Then press the <b>Update</b> button. The application is recompiled and you can see the
+ results of your changes in the running application area.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/basics/hellobutton.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/basics/hellobutton.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/basics/hellobutton.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,11 +1,35 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?lz-button.html" target="laszlo-reference">button reference</a>
-<hr>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>hello</title>
+ </head>
+ <body>
-<font class="tag"><button></font> is another example of a prebuilt component available in LZX. <font class="tag"><button></font> is part of the OpenLaszlo Components set. These components are a part of a flexible, desktop-quality user interface framework that can be modified and extended
-visually and programmatically.
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.button.html" target="blank">button reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
+
+ <p><code class="tag"><button></code> is another example of a prebuilt
+ component available in LZX. <code class="tag"><button></code> is part of
+ the OpenLaszlo Components set. These components are a part of a flexible,
+ desktop-quality user interface framework that can be modified and extended visually and
+ programmatically.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/basics/hellowindow.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/basics/hellowindow.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/basics/hellowindow.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,13 +1,37 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?lz-window.html" target="laszlo-reference">window reference</a>
-<hr>
-
-<font class="tag"><window></font> is another component in the OpenLaszlo component library.
-
-This component allows you to easily create a windowing environment inside a browser. To experiment with the window component in the above example, try changing...<br><br>
-<font class=tag><window></font> to <font class=tag><window</font> <font class=attribute>resizable</font>="<font class=value>true</font>"<font class=tag>></font><br><br>
-Then press the Update button. The application is recompiled and you can see the results of your changes in the running application area.
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>hello</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.window.html" target="blank">window reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
+ <p><code class="tag"><window></code> is another component in the OpenLaszlo
+ component library.</p>
+ <p>This component allows you to easily create a windowing environment inside a browser. To
+ experiment with the window component in the above example, try changing...</p>
+ <p>
+ <code class="tag"><window></code> to <code class="tag"><window</code>
+ <code class="attribute">resizable</code>="<code class="value">true</code>"<code
+ class="tag">></code></p>
+ <p>Then press the <b>Update</b> button. The application is recompiled and you can see the
+ results of your changes in the running application area.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/basics/layout.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/basics/layout.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/basics/layout.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,33 +1,45 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?simplelayout.html" target="laszlo-reference">simplelayout reference</a>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>layout</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.layout.html" target="blank">layout reference</a>;
+ <a href="../docs/reference/lz.simplelayout.html" target="blank">simplelayout
+ reference</a>;
+ <a href="../docs/reference/lz.constantlayout.html" target="blank">constantlayout
+ reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
-<hr>
-Layout managers greatly simplify the maintenance of your user
+ <p>Layout managers greatly simplify the maintenance of your user interfaces by allowing you
+ to position components relative to one another according to predefined logic. For
+ example, if you change the size of one component, the position of the other components
+ will be automatically adjusted.</p>
+ <p>By contrast, if you use absolute positioning (providing x,y coordinates for each
+ component), then changing the size of one component generally will have a ripple effect
+ and you will have to manually change the position of other components. LXZ does,
+ however, support absolute positioning.</p>
+ <p>In addition, you can combine the two approaches. OpenLaszlo provides predefined layout
+ managers (such as <code class="tag"><simplelayout></code> in this
+ example). You can also create your own layout managers from scratch, or by extending
+ existing ones.</p>
-interfaces by allowing you to position components relative to each
-
-other according to predefined logic. For example, if you change
-
-the size of one component, the position of the other components will be
-
-automatically adjusted. By contrast, if you use absolute positioning
-
-(providing x,y coordinates for each component), then changing the size
-
-of one component generally will have a ripple effect and you will have
-
-to manually change the position of other components. LXZ does,
-
-however, support absolute positioning. And, you can combine the two
-
-approaches. OpenLaszlo provides predefined layout managers (such as
-
-<font class="tag"><simplelayout></font> in this example). You can also create your own layout
-
-managers from scratch, or by extending existing ones.<br>
-
-<br>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/basics/mediaaudio.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/basics/mediaaudio.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/basics/mediaaudio.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,9 +1,28 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?view.html" target="laszlo-reference">view reference</a>
-
-<hr>
-In this example, another <font class="tag"><view></font> is used as a container to play an audio file.<br>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>audio</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.audio.html" target="blank">audio reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
+<p>In this example, another <code class="tag"><view></code> is used as a container to play an audio file.</p>
+ </body>
+ </html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/basics/mediaimg.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/basics/mediaimg.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/basics/mediaimg.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,10 +1,30 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?view.html" target="laszlo-reference">view reference</a><br>
-
-<hr>
-
-In this example, a <font class="tag"><view></font> is used as a container to display an image. All traditional image formats are supported: JPG, GIF, PNG, and SWF.<br>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>hello</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.image.html" target="blank">image reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
+ <p>In this example, a <code class="tag"><view></code> is used as a container
+ to display an image. All traditional image formats are supported: JPG, GIF, PNG, and
+ SWF.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/basics/mediavideo.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/basics/mediavideo.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/basics/mediavideo.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,11 +1,23 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?view.html" target="laszlo-reference">view reference</a>
-<hr>
-In this example, a <font class="tag"><view></font> is used as a container to play a video file.<br>
-
-<br>
-
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>video</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ </tr>
+ </table>
+ <hr />
+ <p>In this example, a <code class="tag"><view></code> is used as a container
+ to play a video file.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/basics/scrolling.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/basics/scrolling.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/basics/scrolling.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,10 +1,32 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?lz-scrollbar.html" target="laszlo-reference">scrollbar reference</a>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>scrolling</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.scrollbar.html" target="blank">scrollbar
+ reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
-<hr>
-
-Views by default are not clipped. In order to scroll something the parent view's clip attribute needs to be set to true. Any scrollbars added will then act in relation to the first subview of that parent.
+ <p>Views by default are not clipped. In order to scroll something the parent view's clip
+ attribute needs to be set to true. Any scrollbars added will then act in relation to the
+ first subview of that parent.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/basics/view.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/basics/view.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/basics/view.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,27 +1,43 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?view.html" target="laszlo-reference">view reference</a><br>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>hello</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.view.html" target="blank">view reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
-<hr>
+ <p>A <code class="tag"><view></code> is the most basic viewable element in
+ LZX. A view can be used as:</p>
-A <font class="tag"><view></font> is the most basic viewable element in LZX.<br>
+ <ul>
+ <li>a basic UI component</li>
+ <li>a container to display media assets (images, music, video, ...)</li>
+ <li>a container to lay out other components</li>
+ <li>a starting point to create your own components using inheritance</li>
+ </ul>
-A view can be used as:
-
-<table>
-
-<tr><td><li></td><td>a basic UI component</td></tr>
-
-<tr><td><li></td><td>a container to display media assets (images, music, video, ...)</td></tr>
-
-<tr><td><li></td><td>a container to lay out other components</td></tr>
-
-<tr><td><li></td><td>a starting point to create your own components using inheritance</td></tr>
-
-</table>
-
-
-You can experiment with the view component in this example. For example, change the value for the <font class=attribute>width</font>, <font class=attribute>height</font>, or <font class=attribute>bgcolor</font> attribute, then press the Update button. The application is recompiled and you can see the results of your changes in the running application area.<br>
+ <p>You can experiment with the view component in this example. For example, change the value
+ for the <code class="attribute">width</code>, <code class="attribute">height</code>, or
+ <code class="attribute">bgcolor</code> attribute, then press the <b>Update</b>
+ button. The application is recompiled and you can see the results of your changes in the
+ running application area.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/classes/attributes.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/classes/attributes.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/classes/attributes.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,24 +1,38 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?attribute.html" target="laszlo-reference">attribute reference</a>
-<hr>
-<table>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>attributes</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.attribute.html" target="blank">attribute
+ reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
-<tr valign=top><td><li></td><td>As in any real object-oriented language, you can define your own class attributes.</td></tr>
-
-<tr valign=top><td><li></td><td>In this example, we want the size of the border in the borderedbox class to be customizable.</td></tr>
-
-<tr valign=top><td><li></td><td>We use the <font class="tag"><attribute></font> tag to define a class attribute in borderedbox. We provide the attribute with a <font class="attribute">name</font> (<font class="value">bordersize</font>) and a default <font class="attribute">value</font> (<font class="value">3</font>).</td></tr>
-
-<tr valign=top><td><li></td><td>You can now use <font class="attribute">bordersize</font> as a tag attribute to set the size of the border in instances of the <font class=tag><borderedbox></font> class.</td></tr>
-
-</table>
-
-<br>
-
-
-
-
+ <p>As in any real object-oriented language, you can define your own class attributes. In
+ this example, we want the size of the border in the borderedbox class to be
+ customizable. We use the <code class="tag"><attribute></code> tag to
+ define a class attribute in borderedbox. We provide the attribute with a <code
+ class="attribute">name</code> (<code class="value">bordersize</code>) and a default
+ <code class="attribute">value</code> (<code class="value">3</code>). You can now use
+ <code class="attribute">bordersize</code> as a tag attribute to set the size of the
+ border in instances of the <code class="tag"><borderedbox></code>
+ class.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/classes/events.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/classes/events.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/classes/events.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,19 +1,35 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?event.html" target="laszlo-reference">event reference</a>
-<hr>
-<table>
-
-<tr valign=top><td><li></td><td>You can also define behaviors that instances of a class should exhibit when specific events are triggered.</td></tr>
-
-<tr valign=top><td><li></td><td>In this example, we want the width of the component to grow when the user mouses over it, and to shrink back to its initial value when the user mouses out. In a real life component, this kind of behavior can be used as a visual clue to indicate that the component has the focus.</td></tr>
-
-<tr valign=top><td><li></td><td>You use the <font class=attribute>onmouseover</font> and <font class=attribute>onmouseout</font> attributes of the <font class=tag><borderedbox></font> class to code the event handlers.</td></tr>
-
-<tr valign=top><td><li></td><td>All the instances of that class will automatically exhibit that behavior.</td></tr>
-
-</table>
-
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>events</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.event.html" target="blank">event reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
+ <p>You can also define behaviors that instances of a class should exhibit when specific
+ events are triggered. In this example, we want the width of the component to grow when
+ the user mouses over it, and to shrink back to its initial value when the user mouses
+ out. In a real life component, this kind of behavior can be used as a visual clue to
+ indicate that the component has the focus. You use the <code class="attribute"
+ >onmouseover</code> and <code class="attribute">onmouseout</code> attributes of the
+ <code class="tag"><borderedbox></code> class to code the event
+ handlers. All the instances of that class will automatically exhibit that behavior.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/classes/inheritance.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/classes/inheritance.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/classes/inheritance.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,16 +1,27 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?class.html" target="laszlo-reference">class reference</a>
-<hr>
-<table>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>inheritance</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
-<tr><td><li></td><td>You can create your classes from scratch or by extending (inheriting from) either classes that come with OpenLaszlo or user-defined classes.</td></tr>
-
-<tr><td><li></td><td>To create a class that extends another class, you use the <font class=attribute>extends</font> attribute of the <font class=tag><class></font> tag.</td></tr>
-
-<tr><td><li></td><td>In this example, <i>borderedbox</i> extends (inherits from) <i>box</i></td></tr>
-
-</table>
-
+ </tr>
+ </table>
+ <hr />
+ <p>You can create your classes from scratch or by extending (inheriting from) either
+ classes that come with OpenLaszlo or user-defined classes. To create a class that
+ extends another class, you use the <code class="attribute">extends</code> attribute of
+ the <code class="tag"><class></code> tag. In this example, <code
+ class="tag">borderedbox</code> extends (inherits from) <code class="tag"
+ >box</code>.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
Modified: openlaszlo/trunk/laszlo-explorer/classes/methods.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/classes/methods.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/classes/methods.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,19 +1,37 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?method.html" target="laszlo-reference">method reference</a>
-<hr>
-<table>
-
-<tr valign=top><td><li></td><td>You can also encapsulate specific behaviors inside class methods.</td></tr>
-
-<tr valign=top><td><li></td><td>In this example, we provide the class with a method called changeSize that changes the component size by the positive or negative number of pixels passed as an argument. LZX's animation API is used to make the size transition smoother.</td></tr>
-
-<tr valign=top><td><li></td><td>The <font class="attribute">onmouseover</font> and <font class="attribute">onmouseout</font> event handlers call the changeSize method to respectively increase and decrease the component size by 50 pixels.</td></tr>
-
-<tr valign=top><td><li></td><td>To define a method, you use the <font class="tag"><method></font> tag. You use the <font class="attribute">name</font> and <font class="attribute">args</font> attributes to specify the method's name and argument(s). If the method has more than one argument, you can use a comma separated list of argument names.</td></tr>
-
-</table>
-
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>methods</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.method.html" target="blank">method reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
+ <p>You can also encapsulate specific behaviors inside class methods. In this example, we
+ provide the class with a method called changeSize that changes the component size by the
+ positive or negative number of pixels passed as an argument. LZX's animation API is used
+ to make the size transition smoother. The <font class="attribute">onmouseover</font> and
+ <font class="attribute">onmouseout</font> event handlers call the changeSize method
+ to respectively increase and decrease the component size by 50 pixels. To define a
+ method, you use the <font class="tag"><method></font> tag. You use the
+ <font class="attribute">name</font> and <font class="attribute">args</font>
+ attributes to specify the method's name and argument(s). If the method has more than one
+ argument, you can use a comma separated list of argument names.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/classes/withclasses.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/classes/withclasses.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/classes/withclasses.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,19 +1,31 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?class.html" target="laszlo-reference">class reference</a>
-<hr>
-<table>
-
-<tr valign=top><td><li></td><td>LZX is a fully object-oriented language. With object-orientation, you can encapsulate common code in reusable classes. This prevents code duplication and greatly facilitates the maintenance of your applications.</td></tr>
-
-<tr valign=top><td><li></td><td>Creating classes with LZX is extremely easy: you use the <font class=tag><class></font> tag, provide the class with a name, and set a default value for predefined attributes, like in the <i>box</i> example above.</td></tr>
-
-<tr valign=top><td><li></td><td>You can also define your own attributes, events, and methods, as we will see in the following examples.</td></tr>
-
-<tr valign=top><td><li></td><td>By creating a class, you automatically define a tag, like <font class=tag><box></font> in this example, that you can use anywhere in your application.</td></tr>
-
-</table>
-
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>solution</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ </tr>
+ </table>
+ <hr />
+ <p>LZX is a fully object-oriented language. With object-orientation, you can encapsulate
+ common code in reusable classes. This prevents code duplication and greatly facilitates
+ the maintenance of your applications. </p>
+ <p>Creating classes with LZX is extremely easy: you use the <font class="tag"
+ ><class></font> tag, provide the class with a name, and set a default
+ value for predefined attributes, like in the <i>box</i> example above. You can also
+ define your own attributes, events, and methods, as we will see in the following
+ examples. By creating a class, you automatically define a tag, such as <code class="tag"
+ ><box></code> in this example, that you can use anywhere in your
+ application.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/classes/withoutclasses.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/classes/withoutclasses.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/classes/withoutclasses.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,18 +1,27 @@
-<b>Notes</b>
-<hr>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>problem</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ </tr>
+ </table>
+ <hr />
-This sample application draws three red squares. The problem with this
-
-implementation is that if the requirements of the application change
-
-(for example, the size or the color of the square), you have to
-
-implement the changes at three different places. This is a trivial
-
-example, but you can easily imagine the maintenance problem of code
-
-duplication in a large scale application.
+ <p>This sample application draws three red squares. The problem with this implementation is
+ that if the requirements of the application change (for example, the size or the color
+ of the square), you have to implement the changes at three different places. This is a
+ trivial example, but you can easily imagine the maintenance problem of code duplication
+ in a large scale application.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/constraints/basics.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/constraints/basics.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/constraints/basics.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,14 +1,28 @@
-<b>Notes</b>
-<hr>
-LZX's powerful constraints system allows you to declaratively derive the value of a property from the value of other properties.
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>constraintbasics</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ </tr>
+ </table>
+ <hr />
+ <p>LZX's powerful constraints system allows you to declaratively derive the value of a
+ property from the value of other properties. This system can dramatically reduce the
+ amount of code you have to write and facilitate the maintenance of your application.</p>
-This system can dramatically reduce the amount of code you have to write and facilitate the maintenance of your application.<br>
-
-<br>
-
-In this example, constraining the visiblity of a window to the value of a checkbox, shows how easy it is for a component to control another object.
-
+ <p>In this example, constraining the <code class="attribute">visible</code> of a window to
+ the value of a <code class="tag">checkbox</code>, shows how easy it is for a component
+ to control another object. </p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/constraints/dragdrop.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/constraints/dragdrop.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/constraints/dragdrop.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,16 +1,34 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?dragstate.html" target="laszlo-reference">dragstate reference</a>
-<hr>
-A state often involves more than one attribute. In this example, the user can drag an item from the shopping cart to
-
-the wish list and then back from the wish list to the shopping cart.
-
-In dragging mode, the <font class=attribute>x</font> and <font class=attribute>y</font> coordinates of the item view are constrained to the x and y coordinates of the mouse. The <font class=tag><dragstate></font> tag is a specialized state that encapsulates the constraints required for drag and drop.<br>
-
-<br>
-
-
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>dragstate</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.dragstate.html" target="blank">dragstate
+ reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
+ <p>A state often involves more than one attribute. In this example, the user can drag an
+ item from the shopping cart to the wish list and then back from the wish list to the
+ shopping cart. In dragging mode, the <font class="attribute">x</font> and <font
+ class="attribute">y</font> coordinates of the item view are constrained to the x and
+ y coordinates of the mouse. The <font class="tag"><dragstate></font> tag
+ is a specialized state that encapsulates the constraints required for drag and drop.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/constraints/proportions.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/constraints/proportions.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/constraints/proportions.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,6 +1,23 @@
-<b>Notes</b>
-<hr>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>constraintbasics</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ </tr>
+ </table>
+ <hr />
+ <p>This example shows how you can specify a percent to constrain a <code class="tag"
+ >view</code> to the size of its containing <code class="tag">window</code>.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/constraints/splitpanel.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/constraints/splitpanel.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/constraints/splitpanel.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,26 +1,39 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?state.html" target="laszlo-reference">state reference</a>
-<hr>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>applyconstraints</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.state.html" target="blank">state
+ reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
-The <font class=tag><state></font> tag allows you to declaratively describe a specific state of your application that you can selectively apply or remove at runtime using the <font class=script>apply()</font> and <font class=script>remove()</font> methods.<br>
+<p>The <code class="tag"><state></code> tag allows you to declaratively describe a specific state of your application that you can selectively apply or remove at runtime using the <code class="script">apply()</code> and <code class="script">remove()</code> methods.</p>
-<br>
-In this example, when the user moves the divider between the two panels, the <font class=attribute>x</font> coordinate of the divider has to "follow" the position of the mouse: in the dragging state, the <font class=attribute>x</font> coordinate of the divider is constrained to the x coordinate of the mouse. The dragging state is <i>applied</i> in the <font class=attribute>onmousedown</font> event handler of the divider view, and <i>removed</i> in the <font class=attribute>onmouseup</font> event handler.<br>
+<p>In this example, when the user moves the divider between the two panels, the <code class="attribute">x</code> coordinate of the divider has to "follow" the position of the mouse: in the dragging state, the <code class="attribute">x</code> coordinate of the divider is constrained to the x coordinate of the mouse. The dragging state is <i>applied</i> in the <code class="attribute">onmousedown</code> event handler of the divider view, and <i>removed</i> in the <code class="attribute">onmouseup</code> event handler.</p>
-<br>
-
-Notice the other constraints used in this example:<br>
-
-<table>
-
-<tr valign=top><td><li></td><td>The <font class=attribute>width</font> of the left view is constrained to the <font class=attribute>x attribute of the divider</td></tr>
-
-<tr valign=top><td><li></td><td>The <font class=attribute>x</font> attribute of the right view is constrained to the <font class=attribute>x</font> attribute of the divider plus its <font class=attribute>width</font></td></tr>
-
-<tr valign=top><td><li></td><td>The <font class=attribute>width</font> of the right view is constrained to the <font class=attribute>width</font> of the parent (the canvas), minus the <font class=attribute>x</font> attribute of the right view itself</td></tr>
-
-</table>
+<p>Notice the other constraints used in this example:</p>
+
+<ul><li>The <code class="attribute">width</code> of the left view is constrained to the <code class="attribute">x</code> attribute of the divider.</li>
+
+ <li> The <code class="attribute">x</code> attribute of the right view is constrained to the <code class="attribute">x</code> attribute of the divider plus its <code class="attribute">width</code>.</li>
+
+ <li>The <code class="attribute">width</code> of the right view is constrained to the <code class="attribute">width</code> of the parent (the canvas), minus the <code class="attribute">x</code> attribute of the right view itself.</li></ul>
+ </body></html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
Modified: openlaszlo/trunk/laszlo-explorer/data/database.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/data/database.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/data/database.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,22 +1,41 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?dataset.html" target="laszlo-reference">dataset reference</a>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>database</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.dataset.html" target="blank">dataset
+ reference</a>;
+ <a href="../docs/reference/lz.datapath.html" target="blank"
+ >datapath reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
-<hr>
+ <p>A <code class="tag"><dataset></code> can also point to a server-side
+ program (in this example, a JSP) that generates the XML document dynamically. This is
+ the most popular approach to develop applications that use dynamic data coming from a
+ database or any other datasource. </p>
+ <p>In this example, a JSP (JavaServer Page) is used to retrieve data from a relational
+ database and format the result set as an XML document. </p>
+ <p>A dataset can point to any kind of server-side program that is capable of generating XML
+ dynamically: JavaServer Pages, Servlets, Microsoft Active Server Pages, ColdFusion
+ pages, CGI applications, PHP scripts, etc.</p>
-A <font class=tag><dataset></font> can also point to a server-side program (in this example, a JSP) that generates the XML document dynamically.
-
-This is the most popular approach to develop applications that use dynamic data coming from a database or any other datasource.
-
-In this example, a JSP (JavaServer Page) is used to retrieve data from a relational database and format the result set as an XML
-
-document. A dataset can point to any kind of server-side program that is capable of generating XML dynamically:
-
-JavaServer Pages, Servlets, Microsoft Active Server Pages, ColdFusion pages, CGI applications, PHP scripts, etc.<br>
-
-<br>
-
-
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/data/databinding.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/data/databinding.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/data/databinding.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,35 +1,42 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?dataset.html" target="laszlo-reference">dataset reference</a>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>dataset</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.dataset.html" target="blank">dataset reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
-<hr>
+ <p>Laszlo was built from the ground up to facilitate the development of data-driven
+ applications. LZX includes a powerful and standard based (<b>XPath</b>) data-binding
+ API, as well as components to facilitate communication with the back-end. XML is used as
+ the standard data representation format.</p>
-<table>
+ <p>The <code class="tag"><dataset></code> component is a container for an XML
+ document representing data for the application. Data binding is easy and standard-based:
+ you use the <code class="attribute">datapath</code> attribute to bind components to tags
+ in XML documents. The syntax used in the <code class="attribute">datapath</code>
+ attribute to point to a specific tag or tag attribute follows the standard <b>XPath</b>
+ notation.</p>
-<tr valign=top><td><li></td><td>Laszlo was built from the ground up to facilitate the development of data-driven applications.</td></tr>
+ <p>In OpenLaszlo applications, data binding is declarative and doesn't require script.</p>
-<tr valign=top><td><li></td><td>LZX includes a powerful and standard based (<b>XPath</b>) data-binding API, as well as components to facilitate communication with
-
-the back-end.</td></tr>
-
-<tr valign=top><td><li></td><td>XML is used as the standard data representation format.</td></tr>
-
-<tr valign=top><td><li></td><td>The <font class=tag><dataset></font> component is a container for an XML document representing data for the application.</td></tr>
-
-<tr valign=top><td><li></td><td>Data binding is easy and standard-based: you use the <font class=attribute>datapath</font> attribute to bind components to tags in XML documents.</td></tr>
-
-<tr valign=top><td><li></td><td>The syntax used in the <font class=attribute>datapath</font> attribute to point to a specific tag or tag
-
-attribute follows the standard <b>XPath</b> notation.</td></tr>
-
-<tr valign=top><td><li></td><td>In OpenLaszlo applications, data binding is declarative and doesn't require
-
-script.</td></tr>
-
-</table>
-
-<br>
-
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/data/datalocal.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/data/datalocal.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/data/datalocal.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,9 +1,31 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?datapath.html" target="laszlo-reference">datapath reference</a>
-
-<hr>
-The XPath addresses specified in the <font class=attribute>datapath</font> attribute can be absolute, like in the previous example, or relative to the <font class=attribute>datapath</font> of the container view, like in this example.
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>datapath</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.datapath.html" target="blank">datapath
+ reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
+ <p>The XPath addresses specified in the <code class="attribute">datapath</code> attribute
+ can be absolute, as in the previous example, or relative to the <code
+ class="attribute">datapath</code> of the container view, as in this example.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/data/dataremote.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/data/dataremote.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/data/dataremote.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,21 +1,35 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?dataset.html" target="laszlo-reference">dataset reference</a>
-<hr>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>remotedata</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.datapath.html" target="blank">datapath
+ reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
+ <p>Unless you are dealing with static data, embedding data in the source code of an
+ application is usually not a good idea.</p>
-Unless you are dealing with static data, embedding data in the source code of an application is usually not a good idea.
-
-Keeping data separate from the source code of the application is generally a better approach. In this example,
-
-the <font class=attribute>src</font> attribute of the <font class=tag><dataset></font> component is used to obtain data from an external XML document (phonebook.xml).<br>
-
-<br>
-
-
-
-
-
-
+ <p>Keeping data separate from the source code of the application is generally a better
+ approach. In this example, <code class="attribute">src</code> attribute of the <code
+ class="tag"><dataset></code> component is used to obtain data from an
+ external XML document (phonebook.xml).</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/data/datarepeated.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/data/datarepeated.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/data/datarepeated.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,20 +1,38 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?datapath.html" target="laszlo-reference">datapath reference</a>
-<hr>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>replication</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.datapath.html" target="blank">datapath
+ reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
-If the <font class=attribute>datapath</font> of a component points to a node with multiple instances, the component is automatically replicated
-
-to display the value of each node. This is an easy way of displaying lists. You can use XPath syntax to limit the nodes you want to see. For example, to display the second node only, change the <font class=attribute>datapath</font> attribute of the view from
-
-<font class=value>dset:/phonebook/employee</font> to <font class=value>dset:/phonebook/employee<b>[2]</b></font>, then press the Update button. The application is recompiled and you can see the results of your changes in the running application area.<br>
-
-
-
-
-
-
-
+ <p>If the <code class="attribute">datapath</code> of a component points to a node with
+ multiple instances, the component is automatically replicated to display the value of
+ each node. This is an easy way of displaying lists. You can use XPath syntax to limit
+ the nodes you want to see. For example, to display the second node only, change the
+ <code class="attribute">datapath</code> attribute of the view from <code
+ class="value">dset:/phonebook/employee</code> to <code class="value"
+ >dset:/phonebook/employee<b>[2]</b></code>, then press the <b>Update</b> button. The
+ application is recompiled and you can see the results of your changes in the running
+ application area.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
Modified: openlaszlo/trunk/laszlo-explorer/scripting/debugger.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/scripting/debugger.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/scripting/debugger.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,27 +1,56 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?debug.html" target="laszlo-reference">debug reference</a>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>debug</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.DebugService+debug.html" target="blank">debug
+ reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
-<hr>
+ <p>OpenLaszlo provides a powerful debugger to identify and solve problems in your
+ application. This example illustrates four different ways you can use the debugger: </p>
-<p>OpenLaszlo provides a powerful debugger to identify and solve problems in your application. This example illustrates four different ways you can use the debugger:
-</p>
+ <ol>
-<ol>
+ <li>Click the <b>Click Me!</b> button. A debugging message is written in the debugger.
+ This is done using <code class="script">Debug.format()</code> in the <code
+ class="attribute">onclick</code> event handler of the button.</li>
-<li>Click the "Click Me!" button. A debugging message is written in the debugger. This is done using <font class=script>Debug.format()</font> in the onclick event handler of the button.</li>
+ <li>Notice that the output of <code class="script">Debug.format</code> is clickable. If
+ you click on it, the debugger will <i>inspect</i> the object. Any value the debugger
+ prints in <a style="text-decoration: none; color: #00f" href="#">blue</a> is
+ inspectable.</li>
-<li>Notice that the output of <font class="script">Debug.format</font> is clickable. If you click on it, the debugger will 'inspect' the object. Any value the debugger prints in <a style="text-decoration: none; color: #00f" href="#">blue</a> is inspectable.</li>
+ <li>You can also use the debugger to obtain runtime values of component attributes. For
+ example type <code class="script">myButton.width</code> in the input field at the
+ bottom of the debugger window, and then press enter: the width of the button is
+ displayed in the debugger's main window.</li>
-<li>You can also use the debugger to obtain runtime values of component attributes. For example type <font class=script>myButton.width</font> in the input field at the bottom of the debugger window, and then press enter: the width of the button is displayed in the debugger's main window.</li>
+ <li>Finally, you can use the debugger to interact with the application at runtime using
+ JavaScript. For example type <code class="script"
+ >logo.setAttribute("visible",true)</code> in the debugger's input field and press
+ enter: the logo now appears in the running application.</li>
-<li>Finally, you can use the debugger to interact with the application at runtime using JavaScript. For example type <font class=script>logo.setAttribute("visible",true)</font> in the debugger's input field and press enter: the logo now appears in the running application.</li>
+ </ol>
-</ol>
-
-<p>
-Notice how the <font class=attribute>debug</font> attribute of the <font class=tag><canvas></font> tag is used to turn on the debugger.
-</p>
-
+ <p> Notice how the <code class="attribute">debug</code> attribute of the <code class="tag"
+ ><canvas></code> tag is used to turn on the debugger. </p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
Modified: openlaszlo/trunk/laszlo-explorer/scripting/events.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/scripting/events.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/scripting/events.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,9 +1,32 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?event.html" target="laszlo-reference">event reference</a><br>
-<hr>
-Events are one of the cornerstones of the LZX language. They can be referenced directly as shown above, and they are also the implicit mechanism behind constraints.
-Events can only be referenced as an attribute within the tag if it is defined with the schema for that tag, "onomousedown" is one such event.
-Any event ( predefined or custom), however, can be referenced within a <method> tag as shown in the above example.
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>eventhandlers</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.event.html" target="blank">event reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
+ <p>Events are one of the cornerstones of the LZX language. They can be referenced directly
+ as shown above, and they are also the implicit mechanism behind constraints. </p>
+ <p>Events can only be referenced as an attribute within the tag if it is defined with the
+ schema for that tag, <code class="attribute">onomousedown</code> is one such event. Any
+ event (predefined or custom), however, can be referenced within a <code class="tag"
+ ><method></code> tag as shown in the above example.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
Modified: openlaszlo/trunk/laszlo-explorer/scripting/methods.lzx.htm
===================================================================
--- openlaszlo/trunk/laszlo-explorer/scripting/methods.lzx.htm 2008-11-12 17:04:04 UTC (rev 11731)
+++ openlaszlo/trunk/laszlo-explorer/scripting/methods.lzx.htm 2008-11-12 17:04:49 UTC (rev 11732)
@@ -1,9 +1,29 @@
-<b>Notes for more details </b>
-<a href="../docs/reference/index.html?method.html" target="laszlo-reference">method reference</a><br>
-
-<hr>
-Methods can be named and invoked from JavaScript, and they can also be associated with an event and invoked when that event is triggered.
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>method</title>
+ </head>
+ <body>
+ <table width="90%">
+ <tr>
+ <td width="150">
+ <b>Notes</b>
+ </td>
+ <td width="130">
+ <b>for more details</b>
+ </td>
+ <td>
+ <a href="../docs/reference/lz.method.html" target="blank">method reference</a>
+ </td>
+ </tr>
+ </table>
+ <hr />
+ <p>Methods can be named and invoked from JavaScript, and they can also be associated with an
+ event and invoked when that event is triggered.</p>
+ </body>
+</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
-* Copyright 2001-2007 Laszlo Systems, Inc. All Rights Reserved. *
+* Copyright 2001-2008 Laszlo Systems, Inc. All Rights Reserved. *
* Use is subject to license terms. *
* X_LZ_COPYRIGHT_END ****************************************************** -->
More information about the Laszlo-checkins
mailing list