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
1*1=11*2=21*3=31*4=41*5=51*6=61*7=71*8=81*9=9
2*1=22*2=42*3=62*4=82*5=102*6=122*7=142*8=162*9=18
3*1=33*2=63*3=93*4=123*5=153*6=183*7=213*8=243*9=27
4*1=44*2=84*3=124*4=164*5=204*6=244*7=284*8=324*9=36
5*1=55*2=105*3=155*4=205*5=255*6=305*7=355*8=405*9=45
6*1=66*2=126*3=186*4=246*5=306*6=366*7=426*8=486*9=54
7*1=77*2=147*3=217*4=287*5=357*6=427*7=497*8=567*9=63
8*1=88*2=168*3=248*4=328*5=408*6=488*7=568*8=648*9=72
9*1=99*2=189*3=279*4=369*5=459*6=549*7=639*8=729*9=81