Octopress 部落格

一個靜態網站的部落格框架

假文文章

樂。單單是普通鋼球！於是跟奇異果們真情告白，羿低了頭，有些頹唐似的回 答道。本來對面是雖然受了三枝箭，你不會死的，認識你。就是你媽。易。他 們家世世代代以種植奇異果為生。工人反而成了小小的點綴，在空中發出幾點 話裏。你還算運氣的哩？你說的對！不少人仍迷信巨乳才是天國，他望見這一 塊新地方時，催它快走？怪不得那老婆子有那些話。我母親便把我喊醒，在這

Javascript 淺析註冊事件

原文：http://www.wowbox.com.tw/blog/article.asp?id=3004 首先是最常規的方法： 程式碼:

1
2
3
4
5
6

<p id="para" title="cssrain demo!" onclick="test()" >test</p>
<script>
function test(){
  alert("test");
}
</script>

PHP 使用 TCPDF 顯示中文的關鍵


$pdf = new TCPDF(PDF_PAFE_ORIENTATION, PDF_UNIT, PDF_PAGE_FORMAT, true, ‘UTF-8’, false);

// set font (PHP TCPDF 顯示中文字型)
$pdf->SetFont(‘cid0jp’, ”, 18); // 可以顯示中文(繁、簡)、日文、韓文。
//$pdf->SetFont(‘msungstdlight’, ”, 18, ”, true); //　繁中, 但是效果不好,字會偏移
//$pdf->SetFont(‘stsongstdlight’, ”, 20); // 可以顯示中文, 但是效果不好,字會偏移
//$pdf->SetFont(‘dejavusans’, ”, 14, ”, true); //　預設 utf8

安裝 C++ Compiler 編譯環境

G++ Compiler windows 安裝環境: 1. 至 MinGW 網站, 選擇 Download -> Installer -> mingw-get-inst -> mingw-get-inst-20120421 2. 下載 mingw-get-inst-20120421.exe 3. 執行 mingw-get-inst-20120421.exe, 選擇 Download latest repository catalogues 4. Select Components 選項中, 加選 C++ Compiler 5. 安裝完後, 新增 hello.cpp 檔案, 輸入以下程式: 
1
2
3
4
5
6
7
8

// hello.cpp

#include <iostream> // Basic input and output library

int main() {
    std::cout << "Hello World\n";
    return 0; // Return to the operating system
}
6. 執行 C:\MinGW\bin\g++.exe hello.cpp -o hello 出現: cc1plus.exe - 找不到元件, 這個應用程式無法啟動，因為找不到 libgmp-10.dll， 重新安裝應用程式可能可以解決這個問題。 7. 如果出現步驟 6 的狀況, 請再到 MinGW 網站, 下載 mingw-get-inst-20111118.exe 檔案. 下載完後, 重新安裝, 應該就會發現 C:\MinGW\bin 下面有 libgmp-10.dll 的檔案. 8. 設定環境變數 path, 我的電腦 -> 按滑鼠右鍵 -> 內容 -> 進階 -> 環境變數 -> 系統變數 -> Path -> 編輯 -> 在最後分號處, 加入 C:\MinGW\bin; 9. 如果要編譯 Windows 的程式, 可以執行如下指令: C:\MinGW\bin\g++.exe sample01.cpp -o sample01 -mwindows -Wall Comments 健力宝 感谢您的文章解决了我的问题。 谢谢！

VIM Tips

: 1,2 co 3        複製 1,2 行到第 3 行之後
: 4,5 m 6        移動 4,5 行到第 6 行之後

Ajax Poll 投票範例

這是一個 AJAX Poll 投票的範例 1. HTML Code(ajax_poll.htm): 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<html>
  <head>
    <meta charset="utf-8" />
    <title>AJAX Poll</title>
    <script src="ajax_poll.js"></script> 
  </head>
  <body>
    <h3><a href="http://www.w3schools.com/php/php_ajax_poll.asp">AJAX Poll</a></h3>
    <div id="poll">
      <h2>Do you like PHP and AJAX so far?</h2>
      <form>
        Yes: <input type="radio" name="vote" value="0" onclick="getVote(this.value)"><br />
        No: <input type="radio" name="vote" value="1" onclick="getVote(this.value)">
      </form>
    </div>
    <a href="index.htm">Home</a>
  </body>
</html>
2. Javascript Code(ajax_poll.js): 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

var xmlHttp;

function getVote(int) {
  xmlHttp=GetXmlHttpObject();
  if (xmlHttp==null) {
    alert("Browser does not support HTTP Request");
    return;
  }
  var url="ajax_poll.php";
  url=url+"?vote="+int;
  url=url+"&sid="+Math.random();
  xmlHttp.onreadystatechange=stateChanged;
  xmlHttp.open("GET",url,true);
  xmlHttp.send(null);
}

function stateChanged() {
  if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") {
    document.getElementById("poll").innerHTML=xmlHttp.responseText;
  }
}

function GetXmlHttpObject() {
  var objXMLHttp=null;
  if (window.XMLHttpRequest) {
    objXMLHttp=new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  return objXMLHttp;
}
3. PHP Code(ajax_poll.php): 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

<?php

$vote = $_REQUEST['vote'];

//get content of textfile
$filename = "ajax_poll.txt";
$content = file($filename);

//put content in array
$array = explode("||", $content[0]);
$yes = $array[0];
$no = $array[1];

if ($vote == 0) $yes = $yes + 1;
if ($vote == 1) $no = $no + 1;

//insert votes to txt file
$insertvote = $yes."||".$no;
$fp = fopen($filename,"w");
fputs($fp,$insertvote);
fclose($fp);

?>

<h2>Result:</h2>
<table>
  <tr>
    <td>Yes:</td>
    <td>
      <img src="images/poll.gif" width='<?php echo(100*round($yes/($no+$yes),2)); ?>' height='20'>
      <?php echo(100*round($yes/($no+$yes),2)); ?>%
    </td>
  </tr>
  <tr>
    <td>No:</td>
    <td>
      <img src="images/poll.gif" width='<?php echo(100*round($no/($no+$yes),2)); ?>' height='20'>
      <?php echo(100*round($no/($no+$yes),2)); ?>%
    </td>
  </tr>
</table>
4. TXT Code(ajax_poll.txt): 
1

0||0
5. 下載 poll.gif 檔案, 放到 images 資料夾下. 6. 寫好後, 執行 ajax_poll.htm, 完成!

Vim筆記(六)

將整份文件內兩個以上的空白,都變成一個空白
:%s/\s\{2,\}/ /g

Ajax Login 登入範例

這是一個 AJAX Login 登入的範例 1. HTML Code(user_login.htm): 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<html>
  <head>
    <meta charset="utf-8"/>
    <title>AJAX Login</title>
    <script src="user_login.js"></script>
  </head>
  <body>
    <h3><a href="http://www.aleixcortadellas.com/main/2009/03/01/ajax-post/">AJAX Login</a></h3>
    <form name="myform" id="myform">
      <div id="msg" style="color:red;display:none;"></div>
      Account: <input type="text" name="account"><br/>
      Password: <input type="password" name="pwd"><br/>
      <span id="btn"><input type="button" name="sb" id="sb" value="Login"></span><br/>
      <span style="color:blue;">(tip: guest / guest)</span><br/>
      <a href="index.htm">Home</a>
    </form>
  </body>
</html>
2. Javascript Code(user_login.js): 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69

window.onload = initPage;
function initPage() {
  // 取得「送出」按鈕的參考
  var subBtn = document.getElementById("sb");
  // 為按鈕加入事件處理器
  subBtn.onclick = function () {
    MakeRequest(); // 建立請求的函式
  }
}

function createRequest() {
  if (window.XMLHttpRequest) {
    return new XMLHttpRequest();
  } else if(window.ActiveXObject) {
    return new ActiveXObject("Microsoft.XMLHTTP");
  } else {
    alert("Your Browser Sucks!\nIt's about time to upgrade don't you think?");
  }
}

var request = createRequest(); // 建立請求物件

function MakeRequest() {
  form = document.getElementById("myform");
  if (request != null) {
    // 取得輸入的文字
    var sPost = "";
    for(i=0;i<form.elements.length;i++) {
      inp = form.elements[i];
      switch(inp.type) {
        case "text":
        case "textarea":
        case "select-one":
        case "radio":
        case "password":
          if (inp.name && inp.value) {
            sPost+="&"+escape(inp.name)+"="+escape(inp.value);
          }
          break;
        default:
          break;
      }
    }

    var url = "user_login.php?1=1";

    // 利用 POST 方法、請求目的地 url、true 為非同步
    request.open("POST", url, true);

    // 回應處理函式 displayResult
    request.onreadystatechange = displayResult;
    request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    request.send(sPost); // 送出請求
  }
}

function displayResult() {
  if (request.readyState == 4) { // 確認 readState
    if (request.status == 200) { // 確認 status
      var disp = document.getElementById("msg"); // 取得顯示位置
      disp.innerHTML = request.responseText;
      if (request.responseText=="Succcess") {
        var btnInput = document.getElementById("btn"); // 取得按鈕位置
        btnInput.style.display="none";
      }
      disp.style.display="block";
    }
  }
}
3. PHP Code(user_login.php): 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<?php

$aRow =&$_POST;
$aStr = array();

if (!isset($aRow['account'])) $aRow['account']="";
if (!isset($aRow['pwd'])) $aRow['pwd']="";

if (!$aRow['account']) $aStr[] = "Enter account";
if (!$aRow['pwd']) $aStr[] = "Enter password";

if (!count($aStr)) {
  if ($aRow['account']=="guest" and $aRow['pwd']=="guest") {
    $aStr[] = "Succcess";
  } else {
    $aStr[] = "Account and password is not correct";
  }
}
echo implode("<br>",$aStr);

?>
4. 寫好後, 執行 user_login.htm , 完成!