2013年12月16日 星期一
2013年12月9日 星期一
2013年11月10日 星期日
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>
<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>
<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
2013年11月3日 星期日
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
<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>
<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>
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg25wyN-GAZR7vA1uaq41TkLEO0zAsszcmgmFW5R206P9UO1XPxO7ARr1ZgnkSPfb7Ok9w_RrXYmy4PWVfeHjtFwn1xC2aacdsILYxaVIUNUsnGd4ObM0SdI6Vs-LrAssIxneL2U3PjGIM/s320/DSC_1795.JPG'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQm440n9gN46SKFtyRUJhHxUO4Y5ZqPYLfxrOHSaFEsIlh0ULiUqdUKgQR-QiPp-qTP-26XF_Zq_zpv7CF9WA65athBef30BnyhRFr5XwjtRbNZ1ZmmVLVIy7Az79z4_qvePzFj4KAo4J6/s320/DSC_1772.JPG'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg25wyN-GAZR7vA1uaq41TkLEO0zAsszcmgmFW5R206P9UO1XPxO7ARr1ZgnkSPfb7Ok9w_RrXYmy4PWVfeHjtFwn1xC2aacdsILYxaVIUNUsnGd4ObM0SdI6Vs-LrAssIxneL2U3PjGIM/s320/DSC_1795.JPG"</img>
</script>
</body>
</html>
<body>
<img onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg25wyN-GAZR7vA1uaq41TkLEO0zAsszcmgmFW5R206P9UO1XPxO7ARr1ZgnkSPfb7Ok9w_RrXYmy4PWVfeHjtFwn1xC2aacdsILYxaVIUNUsnGd4ObM0SdI6Vs-LrAssIxneL2U3PjGIM/s320/DSC_1795.JPG'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQm440n9gN46SKFtyRUJhHxUO4Y5ZqPYLfxrOHSaFEsIlh0ULiUqdUKgQR-QiPp-qTP-26XF_Zq_zpv7CF9WA65athBef30BnyhRFr5XwjtRbNZ1ZmmVLVIy7Az79z4_qvePzFj4KAo4J6/s320/DSC_1772.JPG'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg25wyN-GAZR7vA1uaq41TkLEO0zAsszcmgmFW5R206P9UO1XPxO7ARr1ZgnkSPfb7Ok9w_RrXYmy4PWVfeHjtFwn1xC2aacdsILYxaVIUNUsnGd4ObM0SdI6Vs-LrAssIxneL2U3PjGIM/s320/DSC_1795.JPG"</img>
</script>
</body>
</html>
2013年10月20日 星期日
2013年10月12日 星期六
2013年10月7日 星期一
2013年10月6日 星期日
Homework 9-30-2013
1.「LINKED DATA」關聯資料，讓資料可以被全世界的人們去撰寫，讓資料不會局限於此，也讓資料量可以增加，不管是甚麼種類的資料，都可以不斷的去連結去結合，讓我們要找資料時可以找到很多很多相關聯的東西，而不會只是單單的資料。如果每一個數據都只有在私人的資料庫，少了資訊的分享跟關聯，讓我們很容易一直做跟別人一樣甚至是別人已經完成過的研究，因為如果沒有資訊的連結，很容易讓人不斷的再重覆不斷的再浪費時間，因此資訊的連結對於現在的網路生活是很重要的一件事情。
2.在google創辦人的年代，瀏覽器很多樣，但是卻都有很多不同的問題，資料庫不夠、連結能
力不強......因此讓google創辦人想要創辦google，只為了讓大家查詢的效率可以更快，而且他們還使用民主選舉的方法：一個網頁的重要性取決於它被其他網頁鏈結的數量，特別是一些已經被認定是「重要」網頁的鏈結數量，每一個鏈結都是一張價值不等的「選票」，所獲選票的總價值將決定誰將被安置在最重要、最顯赫的位置上。 資料來源：網路資料
3.Facebook的創辦理由：只是校園內的交友網站，目的是認識女孩子
4. www→World Wide Web (全球資訊網)
一套系統能完全不受中央控制，使存取資料之前不需要得到任何人的允許，這也是能使這套系統擴大規模的唯一方法。
5.會不正確是因為要增加可見度只要隨意去增加資料的連結，因此只要有心就會讓數值很高，因此會造成數據不正確
2013年9月30日 星期一
Lab 6：Using Firefox
1. download Firefox
2. control font size
2. control font size
3. tabbed browsing
4. subscribe to the course blog
5. Using bookmarks to test RSS feed
訂閱：
意見 (Atom)