網際網路應用系統設計

2013年12月30日 星期一

Lab 37


Lab 38



從外觀跟功能上體驗不出差異

不過HTML5的語法相對簡短,html4要在flash支援的情況下才能進行,最明顯的例子就是IOS系統無法開啟,HTML5可以省去很多標記,不過有些標記跟屬性還不支援HTML5

HTML4需要特殊播放軟體

Homework 12-23-2013



2013年11月11日 星期一

Homework 11-5-2013

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    <script type="text/javascript">
      var re = /\(?\d{3}\)?([-\/\.])\d{3}\1\d{4}/;
      function check(){
    var OK = re.exec(f.q.value);
        if (!OK)
          {window.alert(RegExp.input + " isn't a phone number with area code!");
         f.q.value="";
        document.f.q.focus();
        return false; }    
         else
       window.alert("Thanks, your phone number is " + OK[0]);
       
 }
    </script>
  </head>
  <body>
    <p>Enter your phone number .
        <br>The expected format is like ###-###-####.</p>
    <form name="f" action="#" onsubmit="return check()" method="get">
       check:<input type="text" name="q">    
     <input id="phone" type="submit" value="check">
    </form>
  </body>
</html>






2013年11月4日 星期一

Lab 22 Google Maps II

<html>
<head>
</head>
<body id="body">
<form action="https://maps.google.com/"  name="f" method="get" id="exampleForm" onsubmit="return check()">
search:<input type="text" id="examplePass" name="q" >
<input type="submit" value="submit">
<br>
</form>
</body>
<script>
function check(){
var passwordRegex =/\-?\d+(\.\d+)?\,\-?\d+(\.\d+)?$/;
if(!passwordRegex.test(f.q.value)){
alert("!!!!!!");
f.q.value="";
return false;
}
}

/*
document.getElementById("exampleForm").onsubmit = function(){
var passwordRegex =/\-?\d+(\.\d+)?\,\-?\d+(\.\d+)?$/;
if(!passwordRegex.test(document.getElementById("examplePass").value)){
console.log("Regex didn't match");
return false;
var notify = document.getElementById("notify");
if(notify === null){
notify = document.createElement("p");
notify.textContent = "ERROR";
notify.id ="notify";
var body =document.getElementById("body");
body.appendChild(notify);
}
}

*/
</script>
</html>

Lab 21 Google Docs

https://docs.google.com/document/d/1fNloaGa7FizF7kCpg9VXuj1Dyiz_A1AEfIhgpBBaUBo/pub






Lab 20 共同編輯文件




Lab19

交作業聯結

<a href="http://yourblog/your-article.html">Your name and this homework</a>

Homework 10-28-2013


美麗的海洋
顏色豐富的藍天白雲
在煩悶的生活中 也許就是需要這種寧靜感
單純的看看雲
聽聽海拍打岸邊的聲音
也許這就是人最好放鬆心情的地方!

2013年10月27日 星期日

Homework 10-21-2013

<html>
<html>
<head>
</head>
<body id="body">
<form action="javascript:void(0);" id="exampleForm">
<input type="text" id="examplePass"/>
<input type="submit" />
</form>
</body>
<script>
document.getElementById("exampleForm").onsubmit = function(){
var passwordRegex =/^(-?[\d])*$/;
if(!passwordRegex.test(document.getElementById("examplePass").value)){
console.log("Regex didn't match");
var notify = document.getElementById("notify");
if(notify === null){
notify = document.createElement("p");
notify.textContent = "ERROR";
notify.id ="notify";
var body =document.getElementById("body");
body.appendChild(notify);
}
}
};
</script>
</html





2013年10月21日 星期一

Lab 15 Hand code a form

<html>
<head>
</head>
<body id="body">
<form action="https://maps.google.com/"  name="q" method="get" id="exampleform">
search:<input type="text" name="q" id="examplePass">
<input type="submit" value="submit">
<br>
</form>
</body>

</html>


Lab 14 Lab Form and Action

1.<html>
<head> </head> <body> <form action="http://google.com.tw/search" name="q" method="get"> <input type="text" name="q" /> <input type="submit" /> </form> </body>


2.
<html> <body> <form action="http://google.com/search" name="q" method="post"> Search:<input type="text" name="q" > <input type="submit" value="submit"> <br> </form> </body> </html>


Lab 13 change pictures

<html>
<body>

<img onmouseover="this.src='http://2.bp.blogspot.com/-5KnWn5l9snM/UbOz8emwY-I/AAAAAAAAFdE/g8o9fOVN_Rw/s320/DSC_1795.JPG'" onmouseout="this.src='http://1.bp.blogspot.com/-L3p1RGvcmDo/Uab_cEuo-lI/AAAAAAAAFaE/2HkSnsjZV5o/s320/DSC_1772.JPG'" src="http://2.bp.blogspot.com/-5KnWn5l9snM/UbOz8emwY-I/AAAAAAAAFdE/g8o9fOVN_Rw/s320/DSC_1795.JPG"</img>


</script>

</body>
</html>



Homework 10-14-2013