Changes show as intended when

• the mouse pointer enters a squre of the five.
• the move pointer passes over a drawing
• the mouse is clicked when the pointer is over
  one of the 4 drawings.

• (Draggable pieces next page)

  Problems with the code on this page
  • clicking a drawing doesn't move piece # 1. Are
    pieceTo$Move.style.left = Y;
    pieceToMove.style.top = Y;
    
    in function movePiece() the problem?

next (II)

Notes for beneift of the practice items

• Test of statement fitness
  • omit "()" for its functions/methods

• Accessing Tag elements or ID or named
  element
  
  • document.getElementsByTagName
  • document.getElementsByName

• Attaching event to object and releasing
  • IE
    • obj.attach
    • obj.detach
  • DOM
    • obj.addEventListener
    • obj.removeEventListener
    >
  • Referring to event type
    • IE on // type
    • DOM
  • Accessing event object
    • IE onclick=function() {
    • var oEvent = window.event;
      }
  • DOM
    • oDiv.onclick = function() {
    • var oEvent = arguments[0]; }

    
   or # Zakas p.270 p. 
     oDiv.onclick = function(oEvent) {
      }   # Why does this work? How without assignment
          # such as (inside the function) Oops! see p.269
          #  var oEvent = oEvent 
     Intervals and timeouts  (Zakus pp. 146-148)
      setTimeOut; setInterval - specifying function and number of miliseconds
    Making movement follow the mouse pointer      
     #both DOM and IE
     odiv.style.left = oEvent.clientX - iDiffX
     odiv.style.top = oEvent.clientY - iDiffY
     shiftTo is crossbrowser so long as coordinates
     are the ones for the particular browser. 
   changing Style Properties (Langridge p. 23)
     HTML Utopia How to Design without Tables Using CSS (Sitepoint)
   javascript & style sheets
     zavak pp. 203-214
   Drag and Drop  
     System   (Zakus, )
   Similated (Zakus)
     Aaon Boodman's www.youngpup.net/2001/domdrag
     zdragdrop library nczonlie.net/downloads/
  Ajax (langridg, p.227) 
    James Garret at Adaptive Path
      www.aadaptivepath.com/publictions/archives/00385.php
    Iframes (zakus, p. 491)
    HTTP requests (zakus, p. 493)    
     sarissa.source.net  (XMLHTP Library)
     also see Google Suggest page AJAX used there)
  URL's
  www.w3schools.com/css/  css beginner or brush up
  www.csszengarden.com demonstates css power (also zinherit library)
  www.positioniseverything.net workarounds
  www.css-discuss.org mailing list and associated wiki
  www.quirksmode.com  Paul Coch's event properties summary standards
  www.sitepoint.com/books/article
  www.ashleyit.com/rs/rslite  RSlite library   
  www.dithered.com/javascript/compression/index.html