2014年5月5日 星期一

Lab 24 Google Maps II






Lab 23 Google Docs

enter

Lab 22 共同編輯文件

Lab 21 製作線上投影片

Lab 19 Lab Form and Action

<html>
<body>
<FORM  METHOD="GET" ACTION="http://google.com/search" NAME="f" >
Search Page: <INPUT TYPE="text" NAME="q" >
<INPUT TYPE="submit" VALUE="submit">
</FORM>
</body>
</html>

Lab 18 change pictures

Lab 17 JavaScript

picture1
picture2
picture3

2014年5月3日 星期六

Lab 16 Change an image by moving the mouse

Lab 15 九九乘法表

<html>
<body>
<script>
function buildTable(){
  docBody = document.getElementsByTagName("body").item(0)
  myTable = document.createElement("TABLE")
  myTable.id ="TableOne"
  myTable.border = 1
  myTableBody = document.createElement("TBODY")
  for (i = 1; i <=9; i++){
    row = document.createElement("TR")
    for (j = 1; j <=9; j++){
      cell = document.createElement("TD")
      cell.setAttribute("WIDTH","50")
      cell.setAttribute("HEIGHT","50")
      textVal =  i + "*" + j+"="+i*j
      textNode = document.createTextNode(textVal)
      cell.appendChild(textNode)
      row.appendChild(cell)
    }
  myTableBody.appendChild(row)
  }
  myTable.appendChild(myTableBody)
  docBody.appendChild(myTable)
}
window.onload = buildTable

</script>
</head>
<body>
</body>
</html