• FuzzyToast Script
    • jquery.fuzzytoast.js - The fuzzytoast plugin code that powers this demonstration.

    Note: The jquery.fuzzytoast.js script depends on the jQuery and jQuery Template scripts. You would probably have the following code at the beginning of your index.html:

      <script type="text/javascript" src="js/jquery-1.6.min.js"></script>
      <script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>
      <script type="text/javascript" src="js/jquery.tmpl.min.js"></script>
            
  • Demonstration Scripts
    • my-fuzzytoast.js - This script creates the fuzzytoast associations between the HTML elements (buttons) and the templates and REST requests.
    • my-prototype.js - This script creates other dynamic elements for the demonstration... like the error alert box.
    • my-users.js - The script loaded when the "User Profiles" button is selected.
    • my-table.js - The script loaded when we request the "Table" button section.
  • Templates - Templates we use for this demonstration. If you download the file, you'll want to "View Source..."
    • startup.html - Displayed when the page is first loaded that contains the introduction.
    • instructions.html - The instructions displayed by the "Instructions" button.
    • users.html - The initial user list. Here you can see how you can easily display all the data received and create a dynalink for more.
    • profile.html - The customer profile data displayed when a user is clicked on.
    • table.html - The initial table listing of all customers. Here you can see how we kick off multiple requests for all of the data we received.
    • table-row.html - The additional table cells containing customer data we insert into a row previous created.
    • files.html - This file.
  • JSON Data - Static, faked, but reasonable JSON data we pretend is the results of a REST web service request:
    • user.json - The list of all user information. Each person can be found using: data/user/ID.json (For instance: Becky Davis)
  • Github Access - Grab the entire source code to this entire demo at Git repository.