Examples of JavaScript, including styles

• General introduction on programming
• Mouse over causing image swap,   Tutorial
  • picture of Miss Elizabeth Bennett
  • picture of Mr. Darcy
• Multiple image image swap, Tutorial for making multiple image rollovers
• Slide Show , Slide show tutorial
• Coin toss (random) tutorial
• Random image on loading
• Explanation of code for the following three examples using forms
  • Calculation from forms, text fields, no formatting
  • Adding up 3 numbers from a form
  • Calculation from forms, select, radio, formatting
• Red ball versus Black ball simulation problem
• Bouncing ball tutorial
• Calendar
• Find Daniel: image map game, Notes on how to contruct a 'find' game using client side image maps, changing status bar with mouseover & mouseout (works with IE and Mozilla)
• Example of frames with one click changing two frames
• Shaking window
• JavaScript fill in the blanks story, with optional image
• Model of dog: feeding & petting   Tutorial. See also version done using xml/xslt in XML, XSLT, WML, VoiceXML examples
• Dice throw,   Two dice, pre-loading of images,   Dice game (craps),   Tutorial for all three dice scripts
  Dice game with bank roll: decrease to play, increase to win
  • die face 1
  • die face 2
  • die face 3
  • die face 4
  • die face 5
  • die face 6
• Cookie example, mainly from www.webreference.com site, Simple way of saving name while in browser using client-side JavaScript cookie handling, Notes on client-side cookies
• Memory game   Memory Tutorial
• Tutorial on use of arrays and the DOM in Javascript, using a virtual/fantasy sports application, Simple arrays & changing input elements, Probabilistic (even odds) play , Set odds for each game , Final version of simple game, no ties,  Game with ties
• Demonstrates capturing (detecting) arrow keys in JavaScript
• Demonstrates using arrow keys to move object (div)
• Demonstrates using key capture to play two different tunes
• Various simple style examples (you may want to reduce the size of the window to see the effects)
  • Foundation for the Mount Kisco Public Library at www.mtklibraryfoundation.org, example of use of style sheets
  • Image border: note that this works differently in IE and in Netscape
  • tiling
  • multiple paragraphs
  • placement of background image
  • tiling one dimension
  • colors, fonts
  • Scroll against fixed background image in body (works in IE, not Netscape 4.7)
• Moving image (DIV tag)
• Cannonball (works for Netscape Navigator 4x)
• Cannonball (works for NN4, IE, and NN6),   Tutorial for cannonball
• Cannonball, moving target (ugly but appears to work
• Notes on making tetris-like game.Working draft tetris-like game. See also tinytetris.html, tinytetris1.html through tinytetris9.html in this folder and described in the Notes.
• Quiz show: answering questions about image(s)
  • Form, radio button group, fixed content
  • Form, radio button group, keep score (still just one question)
  • Form filled using data from an array (array of arrays, just 2), borderless (no-border) text fields
  • Form filled using data from an array as above, with time limit

E-mail Jeanine Meyer

Return to Jeanine's academic activities