topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

basic-web-html-12-index.htm / htm



  <?xml version="1.0" ?>
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  
  <head>
    <title>Chapter 12: JavaScript Examples</title>
    <link rel="stylesheet" type="text/css" href="basic-web-html-css-examplestyles.css" />
  </head>
  
  <body>
  <div class="heading">
    <h1>Beginning Web Programming - Code Examples</h1>
    <a href="@htm-basic-web-html-index.html">Back to main book index</a>
  </div>
  
  <h2>Chapter 12: JavaScript Examples</h2>
  <p>Here are the examples for Chapter 12, which looks at practical JavaScript.</p>
  
  <h3>Form Validation</h3>
  <table>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg01.html">ch12-eg01.html</a></td><td>Basic text inputs</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg02.html">ch12-eg02.html</a></td><td>More text inputs</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg03.html">ch12-eg03.html</a></td><td>Replacing content in a textarea</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg04.html">ch12-eg04.html</a></td><td>Replacing content with a Regular Expression</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg05.html">ch12-eg05.html</a></td><td>Testing characters with a Regular Expression</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg06.html">ch12-eg06.html</a></td><td>Checking an option from a select box has been selected</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg07.html">ch12-eg07.html</a></td><td>Checking a radio button has been selected</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg08.html">ch12-eg08.html</a></td><td>Checking that a checkbox has been selected</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg09.html">ch12-eg09.html</a></td><td>Disabling a submit button until a checkbox has been checked</td></tr>
  </table>
  
  <h3>Form Techniques</h3>
  <table>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg10.html">ch12-eg10.html</a></td><td>Passing focus to the first form element</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg11.html">ch12-eg11.html</a></td><td>Auto tabbing between fields</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg12.html">ch12-eg12.html</a></td><td>Enabling a text box when a user selects an option</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg13.html">ch12-eg13.html</a></td><td>Case conversion</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg14.html">ch12-eg14.html</a></td><td>Stripping whitespace</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg15.html">ch12-eg15.html</a></td><td>Selecting all of the text in a text area</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg16.html">ch12-eg16.html</a></td><td>Check all and uncheck all</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-emailform.html">Try it out</a></td><td>An email form</td></tr>
  </table>
  
  <h3>Misc JavaScripts</h3>
  <table>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg17.html">ch12-eg17.html</a></td><td>Image Rollovers</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg18.html">ch12-eg18.html</a></td><td>Random content</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg19.html">ch12-eg29.html</a></td><td>Popup windows</td></tr>
  </table>
  
  <h3>JavaScript Libraries</h3>
  <table>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg20.html">ch12-eg20.html</a></td><td>Scriptaculous animation effects</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg21.html">ch12-eg21.html</a></td><td>Scriptaculous drag and drop</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg22.html">ch12-eg22.html</a></td><td>MochiKit sortable tables</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg23.html">ch12-eg23.html</a></td><td>YUI Calendar</td></tr>
    <tr><td><a href="@htm-basic-web-html-12-ch12-eg24.html">ch12-eg24.html</a></td><td>YUI Autocomplete</td></tr>
  </table>
  
  <h3>Exercise</h3>
  <table>
    <tr><td><a href="@htm-basic-web-html-12-exercise1.html">Exercise 1</a></td><td></td></tr>
  </table>
  
  <p class="footer">To see the code behind any page, remember you go to the View menu on your browser and select the View Source option.</p>
  </body>
  </html>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.