XML, XSL, VoiceXML, WML, Google Calendar API (AJAX) examples

• Greeting:
  • xml source greeting.xml
  • xslt script greeting.xsl .
• Contacts examples:
  • contactsref1.xml cites contacts1.xsl
  • contacts1.xsl
  • contactsref2.xml cites contacts2.xsl , another xml file citing contacts2.xsl
  • contacts2.xsl
  • contactsrefclick.xml cites contactsclick.xml
  • contactsclick.xsl
  • (IE only) Uses Javascript to choose between two xsl files randomly. Hit refresh to see one or the other xsl work.
  • Using JavaScript (client side scripting) to set up call to xsl to display xml file specific way using a parameter (addParameter method of Processor object)
    • Explanation of parameter passing for xml and xsl example with JavaScript
    • XML file, no xsl cited
    • XSL file with specified parameter
    • For IE: HTML/JavaScript: hardcoded setting of param
    • For IE: HTML/JavaScript: user sets parameter using link
    • For Mozilla: HTML/JavaScript: user sets parameter using link, plugging in results into a div. Note also how this code allows for repeat requests.
    • Works with IE and Mozilla, using try and catch
  • Include, substring, sort, named template example
    • contacts xml file
    • main stylesheet file, includes next 2
    • date formatting file
    • bird logo file, holds named template
    • bird image file
• Example using two-step (xml to xml and then xml to html) process to alphabetize, dropping leading 'a', 'an', and 'the', making use of substring, sort, and then producing 2 columns, using position.
  • Tutorial/notes on XML/XSLT substring, position, SAXON for manipulating xml tags
  • Original xml with titles having 'the', etc. Looking at this in a web browser will not show the results of the transform. This file is transfored using SAXON. The command line is saxon -o fixed.xml -a picturearchive2.xml
  • XSL file for splitting titles
  • File produced by SAXON and then MODIFIED to point to xsl file
  • XSL file for sorting
  • XML file produced by SAXON and then modified to point to xsl file
  • XSL file for sorting AND putting in columns using position()
• Passing parameter to xsl to use to indicate what to sort on
  • Notes on use of parameter for xsl sort
  • HTML file to get parameter value for xml/xsl transformation
  • XSL file, accepts parameter & uses it for sort field
  • XML file, no xsl reference, used for parameter test
• Parameter passing, CSS (styles), selecting 'frame' and 'photo'. Limited menu.
  • HTML/Javascript passing parameter for xsl
  • the XSL file (using parameters & styles)
  • the Cascading style sheet file
  • XML file holding image file names and titles
• (IE ONLY. Mozilla does not support external entities.).General menu (in contrast to previous example): Builds a menu using an xml file that includes (using an external entity) the picturearchive.xml. Creates radio button group and select option from the xml, using xsl. Application takes the form input and creates a new HTML file using xml and xsl. Note that the HTML file produced uses CSS to get one image overlapping another.
  • Application using xml/xsl twice for Photo Shop
  • The xsl file that builds menu using photo and frame information
  • The javascript file included by presentmenu.xsl
• Automatic two-phase xml/xsl processing (see also Lecture on 2 phase xml/xsl
  • Two phase xml/xslt processing. Using xml file twice
  • The initial html file, javascript to invoke xml/xsl with parameter(s)
  • The xml file that is used twice
  • The first xsl file, produces a file with reference to external javascript
  • The external javascript file
  • The second xsl file, producing the list of items satisfying a specific choice from a specified category
• Family tree examples using xml and xsl: xsl key, called template returning information, local variables, string manipulation, recursive functions, id and refid, modify parameter to template to get indenting (using dashes)
  • HTML/Javascript file doing xml/xsl transform, with parameters
  • family.xml
  • siblings.xsl with key, called templates, string manipulation, recursive function

  • familywids.xml XML example using id and refid. No pointer to xsl file.
  • XSL file transforming xml to (different) xml format
  • Output using saxon: xml in new format

  • XML file pointing to treeformat2.xsl. Use view source to see xml.
  • XSL to transform xml into HTML

• Links example: construction of a tag, with one value used for the href and another used for the prompt
  • links.xml
  • links.xsl
• Soccer scores:
  • results file with reference to results.xsl results.xml
  • results.xsl refers to css file
  • results.css
  • results file with reference to rankings.xsl rankings.xml
  • rankings.xsl
  • results file with no reference resultsnoref.xml
  • resultswml.xsl (for taking a results-with-no-reference to a wml file)
• HTML/JavaScript reading xml to create a form (IE6 only)
  • favorite.xml: a file listing TV shows
  • xmlchangetest.html: changes in xml file in memory only. Keep voting to see alert message with accumulated scores.
• php/XML reading xml file: see lecture notes 5b for text of php
  • phpxmlsax.php
  • contactsnoref.xml
• Small screen browser (xhtml) example
  • Example for small screen browser with .html extension This one works on my cell phone!
  • Example for small screen browser with .xhtml extension This one does NOT work on my cell phone, but does invoke the Nokia simulator and can be used from Openwave.
• Search using wml
  • lookup.wml
  • find.wmls
  • campus.wbmp
• XHTML-MP menu of links to pages, use of access key. NOTE: this doesn't work in regular browser.
  • XHTML-MP menu of links to pages, access-key .
  • simple xhtml page: wiggler
  • simple xhtml page: mbox
  • simple xhtml page: frogface
  • simple xhtml page: cup
  • simple xhtml page: wbomb
• Virtual pet=guy using wml
  • petguy.zip
• Yet another virtual pet application, with buggy results using OpenWave and (different ones) in Nokia. Openwave doesn't invoke the wmlscript file. Nokia does not recognize the meta tag for the timed event.
  • XHTML-mp file going to wml file to call the wmlscript file .
• Bottles of beer on the wall:
  • lyrics.xml (start="3")
  • lyrics.xsl
• VoiceXML for tellme studio (examples can be viewed best using IE6)
  Tellme studios no longer supports the extensions service for developers. Go to studio.tellme.com and register as a developer. You can then point your account to any example, for instance, http://newmedia.purchase.edu/~Jeanine/tellme/test4.xml for conversation with my family. Call 1-800-555-VXML, enter your developer id and pin. For this example, appropriate responses include "Aviva" or "Daniel". If "Aviva", say a number from 1 to 999.
  • VoiceXML family example
  • VoiceXML Rock paper scissors example
• Mouseover image swap (does not work directly in NS):
  • pics.xml lists two image files
  • mouseover.xsl
  • produced with preceeding files using saxon, works in NS6.2 and IE6: stuff.html.
  • Liz-book.jpg
  • Darcy3.jpg
• Mouseover image swap with external Javascript function
  • pics2.xml
  • mouseover2.xsl
  • produced using saxon: stuff2.html
  • movein.js
• Mouseover image swap with sets of images (and external javascript file)
  • picssets.xml
  • mouseoversets.xsl
  • produced using saxon: swap.html
  • moveins.js
  • soccer1.jpg
  • soccer2.jpg
• Mouseover and clicking for larger picture, caption
  • picssetsexpanded.xml: sets of pictures + captions
  • makebig.xsl: adds function of clicking for larger picture, caption
  • moveinsplus.js
• Flash and XML examples. Notes/tutorial on Flash use of dynamically loaded xml
  • Contacts list . Download xmltest2.fla and contacts.xml
  • Soccer scores (again) . Download xmlresults.fla and resultsnoref.xml
  • xmlfamily.html. Download xmlfamily.fla and scenesnoref.xml
• Virtual Pet
  • Description of virtual pet
  • Virtual Dog content (vdog.xml)
  • Transforms vdog.xml (or similar xml files) into html
  • Virtual Dog content (vdogm.xml) pointing to virtualm.xsl. This transformation works on both IE and Mozilla. It omits putting the Javascript in a comment (the standard practice to hide code from older browsers, which is being overly cautious in this situation since the assumption here is that the browsers understand xml/xslt.) The handling of comments was explained to me by Alex Hecht, peer of the XSLT module in Mozilla when I posted bug 222775.
  • vdog.html (produced using saxon)
  • Use ftp (go to http://newmedia.purchase.edu/interfaces) and download image files
• Presenting and checking requirements for major
  • Toy xml file for tiny major, calls makemajor0.xsl
  • Formatting data for display only
  • HTML file produced using saxon with above two files
  • Toy xml file for tiny major, calls makemajor1.xsl
  • Formatting data into form with checkboxes
  • HTML file produced using saxon
  • JavaScript that checks fulfillment of requirements. Still has some debugging alerts.
• Examples of xml and Flash, including using list box component. Use Internet Explorer to download fla files (Mozilla tries to display the file.)
  • XML file: information on schools
  • Simple demo of use of listbox: dynamically adding items is named listbox_test1.fla
  • fla files are in this folder named xmlandlisttest1.fla, through xmlandlisttest8.fla
• Google Calendar API, AJAX, DHTML examples
  • Using Google Calendar API basic feed and AJAX, list events
  • Using Google Calendar API full feed and AJAX, using JavaScript to dynamically construct the month calendar, with mouse overs
  • Tutorial for Google API, Ajax, sort and display events, dynamic construction of calendar and mouse overs