XSLTools

Change of docs/design.html

615:f805e7565482
docs/design.html
     1.1 --- a/docs/design.html	Sat Sep 08 16:53:18 2007 +0000
     1.2 +++ b/docs/design.html	Sat Sep 08 16:53:34 2007 +0000
     1.3 @@ -1,8 +1,8 @@
     1.4 +<?xml version="1.0" encoding="iso-8859-1"?>
     1.5  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     1.6  <html xmlns="http://www.w3.org/1999/xhtml"><head>
     1.7    <meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type" />
     1.8 -  
     1.9 -  <title>Creating Applications: Design a Template</title><meta name="generator" content="amaya 8.1a, see http://www.w3.org/Amaya/" />
    1.10 +  <title>Creating Applications: Design a Template</title>
    1.11    <link href="styles.css" rel="stylesheet" type="text/css" /></head>
    1.12  <body>
    1.13  <h1>Creating Applications: Design
    1.14 @@ -33,7 +33,7 @@
    1.15  ill-formed HTML, where start and end tags need not match, will <span style="font-style: italic;">not</span> work with XSL transformations
    1.16  and will therefore <span style="font-style: italic;">not</span> work
    1.17  with XSLForms.</li>
    1.18 -  <li>We add a&nbsp;<code>form</code> element to the outline so that
    1.19 +  <li>We add a <code>form</code> element to the outline so that
    1.20  the form fields added later actually perform some function when testing
    1.21  our application.</li>
    1.22  </ul>
    1.23 @@ -49,8 +49,8 @@
    1.24  <p>The HTML code which produces this representation might look like
    1.25  this:</p>
    1.26  <pre>&lt;div&gt;<br />  &lt;p&gt;<br />    Some item: &lt;input name="value" type="text" value="some value" /&gt;<br />    &lt;input name="remove" type="submit" value="Remove" /&gt;<br />  &lt;/p&gt;<br />&lt;/div&gt;</pre>
    1.27 -<p>Although we have given names to the different&nbsp;<code>input</code>
    1.28 -elements,&nbsp;it
    1.29 +<p>Although we have given names to the different <code>input</code>
    1.30 +elements, it
    1.31  is actually not that important to use the correct names at this stage
    1.32  in the development process - the actual names will be added later.</p>
    1.33  <p><span style="font-weight: bold;">One important thing to note</span>
    1.34 @@ -63,18 +63,18 @@
    1.35  similar label, field and button arrangement for each of the subitems.
    1.36  For example:</p>
    1.37  
    1.38 -  <p>Some item:&nbsp;<input name="value" value="some value" /><input name="remove" value="Remove" type="submit" /></p>
    1.39 +  <p>Some item: <input name="value" value="some value" /><input name="remove" value="Remove" type="submit" /></p>
    1.40    <p>Itself containing more items:</p>
    1.41    <p>Sub-item: <input name="subvalue" value="some other value" /><input name="remove2" value="Remove" type="submit" /></p>
    1.42  
    1.43  <p>This representation might be expressed in HTML as follows:</p>
    1.44  <pre>&lt;div&gt;<br />  &lt;p&gt;<br />    Some item: &lt;input name="value" type="text" value="some value" /&gt;<br />    &lt;input name="remove" type="submit" value="Remove" /&gt;<br />  &lt;/p&gt;<br />  &lt;p&gt;<br />    Itself containing more items:<br />  &lt;/p&gt;<br />  &lt;p&gt;<br />    Sub-item: &lt;input name="subvalue" type="text" value="some other value" /&gt;<br />    &lt;input name="remove2" type="submit" value="Remove" /&gt;<br />  &lt;/p&gt;<br />&lt;/div&gt;<br /></pre>
    1.45 -<p>In the above example, the&nbsp;<code>div</code> element encloses the
    1.46 +<p>In the above example, the <code>div</code> element encloses the
    1.47  outer list item. Meanwhile, the inner list item is itself enclosed
    1.48 -within a&nbsp;<code>p</code> element in the same way as the original
    1.49 +within a <code>p</code> element in the same way as the original
    1.50  example enclosed its simple list item.</p>
    1.51  <p><span style="font-weight: bold;">It should be noted</span> that
    1.52 -the&nbsp;item and subitem are each defined within&nbsp;single enclosing
    1.53 +the item and subitem are each defined within single enclosing
    1.54  HTML elements - as noted above, the motivation for this will become
    1.55  clear later on.</p>
    1.56  <h2>Adding Items and Subitems</h2>
    1.57 @@ -84,7 +84,7 @@
    1.58  details. For example:
    1.59  </p>
    1.60  
    1.61 -  <p>Some item:&nbsp;<input name="value" value="some value" /><input name="remove" value="Remove" type="submit" /></p>
    1.62 +  <p>Some item: <input name="value" value="some value" /><input name="remove" value="Remove" type="submit" /></p>
    1.63    <p>Itself containing more items:</p>
    1.64    <p>Sub-item: <input name="subvalue" value="some other value" /><input name="remove2" value="Remove" type="submit" /></p>
    1.65    <p><input name="add2" value="Add subitem" type="submit" /></p>
    1.66 @@ -94,11 +94,11 @@
    1.67  <pre>&lt;div&gt;<br />  &lt;p&gt;<br />    Some item: &lt;input name="value" type="text" value="some value" /&gt;<br />    &lt;input name="remove" type="submit" value="Remove" /&gt;<br />  &lt;/p&gt;<br />  &lt;p&gt;<br />    Itself containing more items:<br />  &lt;/p&gt;<br />  &lt;p&gt;<br />    Sub-item: &lt;input name="subvalue" type="text" value="some other value" /&gt;<br />    &lt;input name="remove2" type="submit" value="Remove" /&gt;<br />  &lt;/p&gt;<br />  &lt;p&gt;<br />    &lt;input name="add2" type="submit" value="Add subitem" /&gt;<br />  &lt;/p&gt;<br />&lt;/div&gt;<br />&lt;p&gt;<br />  &lt;input name="add" type="submit" value="Add item" /&gt;<br />&lt;/p&gt;<br /></pre>
    1.68  <p>In the above example, the new buttons have been added alongside the
    1.69  elements which define the subitem and item regions of the template.
    1.70 -Thus, the&nbsp;<code>input</code> field called&nbsp;<code>add2</code>
    1.71 -which adds subitems is alongside, not inside, the&nbsp;<code>p</code>
    1.72 +Thus, the <code>input</code> field called <code>add2</code>
    1.73 +which adds subitems is alongside, not inside, the <code>p</code>
    1.74  element which defines the subitem region of the template. Likewise,
    1.75 -the&nbsp;<code>input</code> field called&nbsp;<code>add</code> which
    1.76 -adds items is alongside, not inside, the&nbsp;<code>div</code> element
    1.77 +the <code>input</code> field called <code>add</code> which
    1.78 +adds items is alongside, not inside, the <code>div</code> element
    1.79  which defines the item region of the template.</p>
    1.80  <h2>Saving the Template</h2>
    1.81  <p>Adding the above modifications to the outline, we end up with the
    1.82 @@ -106,7 +106,7 @@
    1.83  <pre>&lt;?xml version="1.0"?&gt;<br />&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;<br />&lt;head&gt;<br />  &lt;title&gt;Example&lt;/title&gt;<br />&lt;/head&gt;<br />&lt;body&gt;<br />&lt;form action="" method="post"&gt;<br /><br />&lt;!-- Template text between the start and the interesting part. --&gt;<br /><br />&lt;div&gt;<br />  &lt;p&gt;<br />    Some item: &lt;input name="value" type="text" value="some value" /&gt;<br />    &lt;input name="remove" type="submit" value="Remove" /&gt;<br />  &lt;/p&gt;<br />  &lt;p&gt;<br />    Itself containing more items:<br />  &lt;/p&gt;<br />  &lt;p&gt;<br />    Sub-item: &lt;input name="subvalue" type="text" value="some other value" /&gt;<br />    &lt;input name="remove2" type="submit" value="Remove" /&gt;<br />  &lt;/p&gt;<br />  &lt;p&gt;<br />    &lt;input name="add2" type="submit" value="Add subitem" /&gt;<br />  &lt;/p&gt;<br />&lt;/div&gt;<br />&lt;p&gt;<br />  &lt;input name="add" type="submit" value="Add item" /&gt;<br />&lt;/p&gt;<br /><br />&lt;!-- Template text between the interesting part and the end. --&gt;<br /><br />&lt;/form&gt;<br />&lt;/body&gt;<br />&lt;/html&gt;</pre>
    1.84  <p>Once you are happy with the
    1.85  design of the page, save it to the <a href="directory.html">directory</a>
    1.86 -created earlier (perhaps choosing the name&nbsp;<code>structure_template.xhtml</code>),
    1.87 -then&nbsp;proceed to <a href="structure.html">adding
    1.88 +created earlier (perhaps choosing the name <code>structure_template.xhtml</code>),
    1.89 +then proceed to <a href="structure.html">adding
    1.90  structure information</a> in the next stage of the <a href="overview.html">process</a>.</p>
    1.91 -</body></html>
    1.92 \ No newline at end of file
    1.93 +</body></html>