Hello World: 10月 2013

2013年10月28日星期一

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日星期一

LAB15

看過上一篇「CGI簡介」，大家想必對CGI這玩意已經有些概念了，簡單來說，CGI只是一個介面，提供一些讓瀏覽器和server程式溝通的方法。但CGI選是附屬壁HTTP通訊協定下，也就是瀏覽器要送資料給你的CGI程式或是CGI程式要將執行結果送到瀏覽器show出來，這都必須經過HTTPd這道關卡，因此CGI程式的I/O就必須要遵守HTTP通訊協定了。其實CGI程式和一般程式也沒什麼不同，唯一的不同只有它的I/O部分，只要了解CGI程式I/O的原理，那CGI程式也就不足為懼了，接下來就看你programming的功力了。

在這份文件中有幾點要注意的：當我只寫『CGI』這三個字母，只代表著一個interface、一個gateway；我若寫『CGI程式』，才是代表程式本身，請大家不要弄混了。還有就是在文件中我所用的範例程式全部都是Perl程式，使用其他程式語言的人只好說聲抱歉了。但是在CGI程式的觀念部分是沒有語言之別的，所以慣用其他程式語言的人也請你耐心看完本文件，說不定你也能從中獲得不少好處。說起我為何只用Perl，一來想起C語言對字串處理的肉腳我就頭大，偏偏CGI程式最重要的工作就是處理字串；二來，說實在話，雖然我對C還不算太肉腳，但叫我用C來寫CGI程式，我還真的不知從何下手哩。因此對程式語言的初學者而言，我強烈推薦使用Perl語言，它絕對比任何一程程式語言都容易入門；至於已經習慣用某一種程式語言的人我也勸你不妨試試Perl，至少在CGI程式方面它是一方霸主，鮮有其他語言能相提並論，對你CGI程式的發展絕對是有益無害的；若你對C的基本語法有所認識的話，那我更要勸你趕緊試試Perl，它們之間的相似性，保證讓你一學便會、一看便知，不費什麼力氣就能學會如何使用Perl。

資料來源:http://ind.ntou.edu.tw/~dada/cgi/CGIprog.htm

LAB14

<!DOCTYPE html>
<html>
<body>

<form Action="http://google.com/search" method="get" name="q">
<input type="text" name="q" ><br>

<input type="submit" value="search">
</form>

<p><b>Note:</b> The form itself is not visible. Also note that the default width of a text field is 20 characters.</p>

</body>
</html>

將GET改成POST

Note: The form itself is not visible. Also note that the default width of a text field is 20 characters.

LAB13

Homework 10-14-2013

2013年10月14日星期一

LAB12

<!DOCTYPE html>
<html>
<body>

<img onmouseover="build(this)" onmouseout="buil(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4zm6cpQQBzclzsHAQQT8c8H9oU6w0UscFoznZnLWqAY7dvqd3lqiAJL8cqkw7z1f1k8isR9-fSfG94bmZyZFeePGEeTkc3XhKSwaZAlkoYdKTuUpvO411Z5rlu9cuCyVu8qYqbhIkd_M/s320/DSC_1795.JPG"</img>

<script>
function build(myImg)
{

myImg.setAttribute("src","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4zm6cpQQBzclzsHAQQT8c8H9oU6w0UscFoznZnLWqAY7dvqd3lqiAJL8cqkw7z1f1k8isR9-fSfG94bmZyZFeePGEeTkc3XhKSwaZAlkoYdKTuUpvO411Z5rlu9cuCyVu8qYqbhIkd_M/s320/DSC_1795.JPG")

}
function buil(myImg)
{

myImg.setAttribute("src","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMtFB-DaTiZMrVv853DxjX1Ouibxzw5VO9bzEJGzPrbQ-vFw4SD_Gnz7Za7DMIIUJfgaiYOQ444FZOquF6x7tDrp753Ng6tzBzhfxHyKQXfZXHuOKAjsus-s4MvHMQ9b9JdhpLyIPHH8G8/s320/DSC_1772.JPG")

}
</script>

</body>
</html>