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

lib-jquery-learning-bookstore-index.htm / htm



  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
          "http://www.w3.org/TR/html4/strict.dtd">
  
  <html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Learning jQuery Fake Bookstore</title>
    <link rel="stylesheet" href="lib-jquery-learning-bookstore-styles-bookstore.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="lib-jquery-learning-bookstore-styles-tables.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="lib-jquery-learning-bookstore-styles-forms.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="lib-jquery-learning-bookstore-styles-rotators.css" type="text/css" media="screen" />
    <script src="lib-jquery-learning-bookstore-scripts-jquery.js" type="text/javascript"></script>
    <script src="lib-jquery-learning-bookstore-scripts-bookstore.js" type="text/javascript"></script>
    <script src="lib-jquery-learning-bookstore-scripts-tables.js" type="text/javascript"></script>
    <script src="lib-jquery-learning-bookstore-scripts-forms.js" type="text/javascript"></script>
    <script src="lib-jquery-learning-bookstore-scripts-rotators.js" type="text/javascript"></script>
  </head>
  <body>
  
    <div id="wrapper">
      <div id="branding">
        <h1>Learning jQuery</h1>
      </div>
      <div id="container">
        <div id="content">
          <h2>The Learning jQuery Fake Bookstore</h2>
          <p>Welcome to our fake bookstore. Feel free to browse through the site and pretend to buy books. We'll pretend to sell them to you.</p>
          <p>While you're here we'd like to present to you our special offer: For a limited time only, you can click on anything you like in this site for free. That's right! You will not be charged one peso. So stop reading, and start clicking. You may be surprised by what you find.</p>
          <div id="featured-books">
            <div class="covers">
              <a href="lib-jquery-learning-bookstore-images-covers-large-1847190871.jpg" title="Community Server Quickly">
                <img src="lib-jquery-learning-bookstore-images-covers-medium-1847190871.jpg" width="120" height="148" alt="Community Server Quickly" />
                <span class="price">$35.99</span>
              </a>
              <a href="lib-jquery-learning-bookstore-images-covers-large-1847190901.jpg" title="Deep Inside osCommerce: The Cookbook">
                <img src="lib-jquery-learning-bookstore-images-covers-medium-1847190901.jpg" width="120" height="148" alt="Deep Inside osCommerce: The Cookbook" />
                <span class="price">$44.99</span>
              </a>
              <a href="lib-jquery-learning-bookstore-images-covers-large-1847190979.jpg" title="Learn OpenOffice.org Spreadsheet Macro Programming: OOoBasic and Calc automation">
                <img src="lib-jquery-learning-bookstore-images/covers/medium/1847190979.jpg" width="120" height="148" alt="Learn OpenOffice.org Spreadsheet Macro Programming: OOoBasic and Calc automation" />
                <span class="price">$35.99</span>
              </a>
              <a href="lib-jquery-learning-bookstore-images-covers-large-1847190987.jpg" title="Microsoft AJAX C# Essentials: Building Responsive ASP.NET 2.0 Applications">
                <img src="lib-jquery-learning-bookstore-images-covers-medium-1847190987.jpg" width="120" height="148" alt="Microsoft AJAX C# Essentials: Building Responsive ASP.NET 2.0 Applications" />
                <span class="price">$31.99</span>
              </a>
              <a href="lib-jquery-learning-bookstore-images-covers-large-1847191002.jpg" title="Google Web Toolkit GWT Java AJAX Programming">
                <img src="lib-jquery-learning-bookstore-images-covers-medium-1847191002.jpg" width="120" height="148" alt="Google Web Toolkit GWT Java AJAX Programming" />
                <span class="price">$40.49</span>
              </a>
              <a href="lib-jquery-learning-bookstore-images-covers-large-1847192386.jpg" title="Building Websites with Joomla! 1.5 Beta 1">
                <img src="lib-jquery-learning-bookstore-images-covers-medium-1847192386.jpg" width="120" height="148" alt="Building Websites with Joomla! 1.5 Beta 1" />
                <span class="price">$40.49</span>
              </a>
            </div>
          </div>
          <h3>Code Demos</h3>
          <p>All demos for Chapters 7 through 9 are contained within the bookstore directory. Here is a quick list to get you to the appropriate page within the fake bookstore site for each demo:</p>
          <h4>Chapter 7: Table Manipulation (<a href="lib-jquery-learning-bookstore-scripts-tables.js">scripts/tables.js</a>)</h4>
          <ul>
            <li><a href="@htm-lib-jquery-learning-bookstore-books-index.html">Sorting and Paging</a></li>
            <li><a href="@htm-lib-jquery-learning-bookstore-news-index.html">Modifying table appearance</a> (row highlighting, tooltips,collapsing and expanding sections, filtering)</li>
          </ul>
          <h4>Chapter 8: Forms with Function (<a href="@htm-lib-jquery-learning-bookstore-scripts-forms.js">scripts/forms.js</a>)</h4>
            <ul>
              <li><a href="@htm-lib-jquery-learning-bookstore-contact-index.html">Improving a basic form</a> (progressively enhanced form styling, conditionally displayed fields, form validation, checkbox manipulation)</li>
              <li>Compact forms (Placeholder text, AJAX auto-completion): search field on all pages</li>
              <li><a href="@htm-lib-jquery-learning-bookstore-cart-index.html">Working with numeric form data</a> (shopping cart, rejecting non-numeric input, numeric calculations, deleting items, editing shipping information)</li>
            </ul>
          <h4>Chapter 9: Shufflers and Rotators (<a href="@htm-lib-jquery-learning-bookstore-scripts-rotators.js">scripts/rotators.js</a>)</h4>
          <ul>
            <li>Headline rotator: current page</li>
            <li>Image carousel: current page</li>
          </ul>
        </div> <!-- end content -->
        <div id="primary-nav">
          <ul>
            <li><a href="@htm-lib-jquery-learning-bookstore-books-index.html">Books</a></li>
            <li><a href="@htm-lib-jquery-learning-bookstore-news-index.html">News</a></li>
            <li><a href="@htm-lib-jquery-learning-bookstore-contact-index.html">Contact</a></li>
          </ul>    
        </div>
  
      </div>
      <div id="secondary-nav">
        <div class="cart">
          <h3><a href="@htm-lib-jquery-learning-bookstore-cart-index.html">Your Cart</a></h3>
          <ul>
            <li>Building Telephony Systems With Asterisk</li>
            <li>Smarty PHP Template Programming and Applications</li>
            <li>Creating your MySQL Database: Practical Design Tips and Techniques</li>
            <li>Drupal: Creating Blogs, Forums, Portals, and Community Websites</li>
          </ul>
        </div>
        <div>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        </div>
      </div> 
  
      <div id="sidebar">
        <h2>Sidebar</h2>
        <div>
          <form id="search" action=<lib-jquery-learning-bookstore-search-index.php> method="get" accept-charset="utf-8">
            <label for="search-text">search the site</label>
            <input type="text" name="search-text" id="search-text" />
          </form>
        </div>
        <h3>Recent News</h3>
        <div id="news-feed">
          <a href="@htm-lib-jquery-learning-bookstore-news-index.html">News Releases</a>
        </div>
      </div> <!-- end sidebar -->
      <div id="footer">
        This is the footer.
      </div>
    </div> <!-- end wrapper -->
  
  </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.