CodeBoxy - 程式方盒子: 2011

2011年12月13日星期二

2011年12月11日星期日

2011年11月16日星期三

2011年11月6日星期日

2011年11月4日星期五

JavaScript Checkbox Clean

標題：(必填)
JavaScript (index.html)：

<script type="text/javascript">
function create() {
    var box = document.getElementById("codeboxy");
    var boxs = document.createElement("input");
    boxs.type = "checkbox";
    boxs.name = "addBox";
    boxs.setAttribute('defaultChecked', true); //針對IE6進行勾選
    boxs.checked = true; //進行勾選
    box.appendChild(boxs);
}
function clean() {
    //掃描div內的input物件
    var list = document.getElementById("codeboxy").getElementsByTagName("input");
    for(var i=0;i<list.length;i++)
        if(list[i].name == "addBox") //過濾名為addBox之項目
            list[i].checked = false; //清除點選狀態
}
</script>
<button onclick="create();">Dynamic Create</button><br />
<button onclick="clean();">Clean Checkbox</button><br />
<div id="codeboxy"></div>

說明：
相容於IE6、IE7、IE8、FireFox、Chrome瀏覽器之Checkbox生成及清除範例。

範例：

2011年10月31日星期一

2011年10月30日星期日

JavaScript insertBefore insertAfter cloneNode

標題：使用JavaScript在目標前後插入或包覆標籤
JavaScript (index.html)：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-TW" xml:lang="zh-TW">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Image</title>
<script type="text/javascript">
function before() { //在img前插入
    var image = document.getElementById('myimg');
    var alink = document.createElement('a');
    alink.appendChild(document.createTextNode('Google'));
    alink.href = "http://www.google.com/";
    image.parentNode.insertBefore(alink, image); //在目標前插入
}
function wrap() { //包覆img
    var image = document.getElementById('myimg');
    var alink = document.createElement('a');
    alink.href = "http://www.google.com/";
    alink.appendChild(image.cloneNode(true)); //克隆一目標
    image.parentNode.replaceChild(alink, image); //取代舊有目標
}
function after() { //在img後插入
    var image = document.getElementById('myimg');
    var alink = document.createElement('a');
    alink.appendChild(document.createTextNode('Google'));
    alink.href = "http://www.google.com/";
    if(image.parentNode.lastChild == image) { //當目標為最後一個
        image.parentNode.appendChild(alink);
    } else { //當目標在中間
        image.parentNode.insertBefore(alink, image.nextSibling);
    }
}
</script>
</head>
<body>
<button onClick="before()">Before</button>
<button onClick="wrap()">Warp</button>
<button onClick="after()">After</button>
<img id="myimg" src="example.jpg" />
</body>
</html>

範例：

說明：
使用insertBefore、insertAfter、cloneNode不同方式插入新標籤，針對上一篇文章建立範例程式，並增加after及wrap之範例供學習。

2011年10月28日星期五

JavaScript Dom or innerHTML delete text

標題：使用Dom方法或innerHTML方法刪除td標籤內容文字
方法一：
JavaScript (index.html)：

<table id="codeboxy">
    <tr>
        <td>Hello</td>
        <td colspan="2">world</td>
    </tr>
    <tr>
        <td>How</td>
        <td>are</td>
        <td>you</td>
    </tr>
</table>
<script type="text/javascript">
    var a = document.getElementById('codeboxy').getElementsByTagName('tr')[1].getElementsByTagName('td')[1];
    var n = document.createElement('td');
    a.parentNode.insertBefore(n, a); //在目標前插入新td
    a.parentNode.removeChild(a); //刪除目標td標籤
</script>

方法二：
JavaScript (index.html)：

<table id="codeboxy">
    <tr>
        <td>Hello</td>
        <td colspan="2">world</td>
    </tr>
    <tr>
        <td>How</td>
        <td>are</td>
        <td>you</td>
    </tr>
</table>
<script type="text/javascript">
    document.getElementById('codeboxy').getElementsByTagName('tr')[1].getElementsByTagName('td')[1].innerHTML = ""; //直接讓目標內容為空
</script>

說明：
方法一使用Dom先以parentNode為立足點在目標前建立新的空td，同樣再以parentNode為立足點刪除目標。
方法二則使用innerHTML語法直接以空值取代目標內容。

比較：
方法一速度較快，但程式較長不易理解，
方法二速度較慢，但程式精簡容易理解。

2011年10月27日星期四

2011年10月12日星期三

2011年10月3日星期一

JavaScript Calendar

標題：JavaScript年曆範例
JavaScript (index.html)：

<script type="text/javascript">
var codeboxy = new function() {
    var year = new Date().getFullYear();
    return {
        refresh : function() { //刷新年曆
            year = document.getElementById("getyear").value;
            document.getElementById("show").innerHTML = "";
            this.init();
        },
        showmonth : function(s, m) { //列印月份
            var output = "";
            var day=1;
            output += " SUN MON TUE WED THU FRI SAT\n";
            for(var i=1;i<=m+s;i++) {
                if(i<=s) {
                    output += "    ";
                } else {
                    output += "  " + this.zero(day);
                    if((i%7)==0) 
                        output += "\n";
                    day++;
                }
            }
            output += "\n";
            return output;
        },
        zero : function(num) { //空格補償
            if(num<10)
                num = " " + num;
            return num;
        },
        init : function() { //初始年曆參數
            space = ((year-1)+parseInt((year-1)/4)-parseInt((year-1)/100)+parseInt((year-1)/400)+1)%7;
            for(m=1;m<=12;m++) {
                if(m==4||m==6||m==9||m==11)
                    month=30;
                else if(m==2&&(year-1980)%4==0)
                    month=29;
                else if(m==2)
                    month=28;
                else
                    month=31;
                document.getElementById("show").innerHTML += "\nMonth: " + m + "\n" + this.showmonth(space,month);
                space=(space+month)%7;
            }
        }
    };
};
window.onload = function () {
    codeboxy.init();
};
</script>
Year: <input type="text" id="getyear" />
<button onclick="codeboxy.refresh();">Get</button>
<pre id="show"></pre>

說明：
以JavaScript採Class方式撰寫年曆範例程式。

範例：

2011年9月30日星期五

2011年9月19日星期一

'kind' => "plus#person"
    'id' => "109023257393424023484"
    'displayName' => "QQBoxy Taiwan"
    'tagline' => "QQBoxy"
    'gender' => "male"
    'aboutMe' => "I'm QQBoxy"
    'url' => "https://plus.google.com/109023257393424023484"
    'image' ...
        'url' => "https://lh4.googleusercontent.com/-iT0CCYC2C1g/AAAAAAAAAAI/AAAAAAAADPM/GCp3tL39A5M/photo.jpg"
    'urls' ...
        '0' ...
            'value' => "http://qqboxy.blogspot.com/p/chat.html"
        '1' ...
            'value' => "http://qqboxy.blogspot.com/"
        '2' ...
            'value' => "http://toolboxy.blogspot.com/"
        '3' ...
            'value' => "http://codeboxy.blogspot.com/"
        '4' ...
            'value' => "http://www.plurk.com/QQBoxy"
        '5' ...
            'value' => "http://picasaweb.google.com/gs1458"
        '6' ...
            'value' => "https://plus.google.com/109023257393424023484"
            'type' => "profile"
        '7' ...
            'value' => "https://www.googleapis.com/plus/v1/people/109023257393424023484"
            'type' => "json"
    'placesLived' ...
        '0' ...
            'value' => "台灣新北市"

說明：
請先取得Google Plus API Key並填入Your key，
使用dump讓JavaScript也有PHP print_r的功能，並使用jsonp取得Google Plus的個人資料。

參考：
http://www.openjs.com/scripts/others/dump_function_php_print_r.php

2011年9月7日星期三

CSS Play button

標題：簡易CSS播放功能鍵
HTML (index.html)：

<style>
button {
    background-color: white;
    width: 30px;
    padding: 5px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
span.play {
    border-color: transparent transparent transparent black;
    border-style: solid;
    border-width: 8px 0 8px 16px;
    float: left;
    height: 0;
    text-indent: -999px;
    width: 0;
}
span.pause {
    border-color: transparent black;
    border-style: solid;
    border-width: 0 4px 0;
    float: left;
    height: 16px;
    text-indent: -999px;
    width: 8px;
}
span.stop {
    border: 8px solid black;
    float: left;
    height: 0;
    text-indent: -999px;
    width: 0;
}
</style>
<button title="Play"><span class="play">Play</span></button>
<button title="Pause"><span class="pause">Pause</span></button>
<button title="Stop"><span class="stop">Stop</span></button>

範例：

說明：
純粹使用CSS建立播放功能鍵。

參考：
http://mediamilan.com/create-playback-buttons-with-just-css/

2011年8月14日星期日

Python Calendar

標題：Python月曆

#import sys
#路徑為安裝時的預設路徑，版號可能不同
#sys.path.append('C:\tcc_gnuplot_lite\data\SciTE\Lib')
import calendar
#month(年, 月, 寬度, 高度)
print (calendar.month(2011, 12, 6, 2))

範例結果：

說明：
直接執行於Python interpreter。
使用python內建library迅速寫出月曆。

2011年8月4日星期四

jsonp dynamic

標題：使用jsonp動態取得資料
HTML (index.html)：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-TW" xml:lang="zh-TW">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jsonp dynamic</title>
<script type="text/javascript">
function codeboxy(json) {
    document.getElementById("youtubeTitle").innerHTML = json.entry.title.$t;
}
function getYoutubeTitle() {
    var removeScript = document.getElementById('jsonScript');
    if(removeScript)
        removeScript.parentNode.removeChild(removeScript);
    var yid = document.getElementById('yid').value;
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.id = 'jsonScript';
    script.src = "http://gdata.youtube.com/feeds/api/videos/" + yid + "?alt=json-in-script&callback=codeboxy";
    document.getElementsByTagName('head')[0].appendChild(script);
}
</script>
</head>
<body>
<input type="text" id="yid" value="Sr3hyvjNp94" />
<input type="button" onClick="getYoutubeTitle()" value="Get" />
<div id="youtubeTitle"></div>
</body>
</html>

範例：

說明：
使用純JavaScript動態在Head產生jsonp script後，呼叫函式更新Youtube之Title資料。
支援IE6、FireFox、Chrome。

2011年8月2日星期二

JCreator library

標題：JCreator加入外部library
說明：

首先新增一個project，決定名稱之後在「project classpath」中，切換到「Required Libraries」，按「New」

跳出下面這個視窗，按「Add」選擇「Add Archive」，之後便可加入想加入的外部Library了。

如果建立project之後還需要再加入新的library，就點選功能表的「project」→「project settings」，再切換到「Required Libraries」即可加入

HTML CSS JavaScript

標題：HTML CSS JavaScript使用
HTML (index.html)：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-TW" xml:lang="zh-TW">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Hello JavaScript</title>
        <style>
        a:hover {
            background: yellow;
        }
        </style>
        <script type="text/javascript">
        function hello() {
            document.getElementById("codeboxy").innerHTML += "Hello JavaScript<br />";
        }
        </script>
    </head>
    <body>
        <a href="javascript:hello();">Click me</a>
        <div id="codeboxy"></div>
    </body>
</html>

說明：
簡單展示HTML架構下如何使用CSS、JavaScript，
CSS展示當滑鼠移動到標籤a上則將文字背景顏色更換，
JavaScript展示當點擊超連結則在id為codeboxy的div標籤內增加字串。

Hello JavaScript

標題：Hello JavaScript

<script type="text/javascript">
    alert("Hello JavaScript"); //彈出訊息框
</script>

說明：
使用JavaScript語法alert彈出訊息框。

Hello PHP

標題：Hello PHP

<?php
echo "Hello PHP"; //印出Hello PHP文字
phpinfo(); //顯示伺服器資訊
?>

說明：
基礎的PHP架構，以及展示伺服器環境的phpinfo語法。

2011年8月1日星期一

getIframe

標題：自定義getIframe函式

HTML (index.html)：

<script type="text/javascript">
function getIframe(name) {
    var ifr;
    if (document.all)
        ifr = document.frames[name].document; //IE
    else
        ifr = document.getElementById(name).contentDocument; //FF
    return ifr;
}
function test() {
    alert(getIframe("childiframe").getElementById("codeboxy").innerHTML);
}
</script>
<iframe id="childiframe" name="childiframe" src="child.html"></iframe><br />
<a href="javascript:test();">Click me</a>

HTML (child.html)：

1	`<div` `id="codeboxy">Hello Codeboxy</div>`

說明：
由父框架取得子框架id的內容，
因隱私權規範僅適用於相同網域。

2011年7月31日星期日

getCookie

標題：自定義getCookie函式

<script type="text/javascript">
function getCookie(name) {
    var n = name + "=";
    var nlen = n.length;
    var clen = document.cookie.length;
    var i = 0;
    while(i < clen) {
        var j = i + nlen;
        if(document.cookie.substring(i, j) == n) {
            var endstr = document.cookie.indexOf(";", j);
            if(endstr == -1)
                endstr = clen;
            return unescape(document.cookie.substring(j, endstr));
        }
        i = document.cookie.indexOf(" ", i) + 1;
        if(i == 0) break;
    }
    return null;
}
function test(insert) {
    document.cookie = "nickname=" + escape(insert); //寫入Cookie
    document.getElementById("codeboxy").innerHTML = getCookie("nickname"); //輸出Cookie
}
</script>
<a href="javascript:test('程式方盒子');">Click me</a>
<div id="codeboxy"></div>

說明：
自定義getCookie函式，
可掃描cookie內指定之name的中文cookie內容。

2011年7月22日星期五

HTML Form

標題：HTML Form to PHP常用語法範例

HTML (index.html)：

<form action="test.php" name="test" id="test" enctype="multipart/form-data" method="post">
<fieldset>
<legend>Hello CodeBoxy</legend>
    Text : <input type="text" name="t1" id="t1" value="TEXT" /><br />
    Password : <input type="password" name="p1" id="p1" value="password" /><br />
    Hidden : <input type="hidden" name="h1" id="h1" value="hidden" /><br />
    Button :
    <input type="button" name="b1" id="b1" value="Enable" />
    <input type="button" name="b2" id="b2" value="Disabled" disabled="disabled" /><br />
    File : <input type="file" name="f1" id="f1" /><br />
    Checkbox :
    <input type="checkbox" name="c1" id="c1" checked="checked" />QQBoxy
    <input type="checkbox" name="c2" id="c2" />CodeBoxy<br />
    Radio :
    <input name="r1" id="r1" type="radio" checked="checked" />QQBoxy
    <input name="r1" id="r2" type="radio" />CodeBoxy<br />
    Select :
    <select name="s1" id="s1">
        <optgroup label="QQBoxy">
        <option value="1-1">1-1</option>
        </optgroup>
        <optgroup label="CodeBoxy">
            <option value="2-1" selected="selected">2-1</option>
            <option value="2-2">2-2</option>
        </optgroup>
    </select><br />
    Textarea :<br />
    <textarea name="a1" id="a1" cols="40" rows="2">Hello&#13;&#10;CodeBoxy</textarea><br />
    <input type="image" src="qqboxy.gif" /><input type="submit" /><input type="reset" />
</fieldset>
</form>

補充：PHP GET POST

1	`$test` `= !empty($_GET['test']) ?` `$_GET['test'] : null;`

1	`$test` `= !empty($_POST['test']) ?` `$_POST['test'] : null;`

範例：
說明：
簡單展示常用HTML Form語法，補充PHP為GET與POST接收語法。

2011年7月21日星期四

JS LaTeX

標題：使用JavaScript 顯示 LaTeX 方程式範例
來源：http://latex.codecogs.com/

HTML (index.html)：

<script type="text/javascript" src="http://latex.codecogs.com/latexit.js"></script>
<div lang="latex">\frac{1+sin(x)}{y}</div>

範例：

$\frac{1+sin(x)}{y}$

說明：
很簡單的只要導入js腳本，
然後在標籤內加上 lang="latex" 就能夠將LaTeX顯示成圖片格式，
非常適合在沒有個人虛擬空間的部落格中使用。

jQuery Load POST

標題：jQuery Load傳值即時顯示

HTML (index.html)：

<script src="jquery-1.6.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#myCount").click(function(){
        $("#myText").load("addaction.php", {"num1":$("#number1").val(), "num2":$("#number2").val()});
    });
});
</script>
<textarea id="number1" cols="20" rows="3">1</textarea><br />
<input type="text" id="number2" value="2" /><br />
<input type="button" id="myCount" value="Send" />
<div id="myText"></div>

PHP (addaction.php)：

<?php
$num1 = !empty($_POST['num1']) ? $_POST['num1'] : null;
$num2 = !empty($_POST['num2']) ? $_POST['num2'] : null;
$total = $num1 + $num2;
echo $num1."+".$num2."=".$total;
?>

說明：
採input text以及texterea進行範例演示，
使用jQuery Load傳遞POST給PHP進行運算並即時顯示結果。

JSON Itinerary

標題：Javascript簡單取用JOSN資料範例應用

<script type="text/javascript">
function itinerary() {
    today = new Date();
    var div = document.getElementById("div");
    var jsondata = {
        "weeks":[
            {"week":"星期日"}, //0
            {"week":"星期一"}, //1
            {"week":"星期二"}, //2
            {"week":"星期三"}, //3
            {"week":"星期四"}, //4
            {"week":"星期五"}, //5
            {"week":"星期六"}, //6
        ],
        "schedule":[
            //{"week":"星期幾", "from":"幾點", "to":"到幾點", "html":"事件內容"},
            {"week":"-1", "from":"23", "to":"24", "html":"每日事件"},
            {"week":"-1", "from":"0", "to":"1", "html":"每日事件"},
            {"week":"0", "from":"0", "to":"24", "html":"星期日事件"},
            {"week":"1", "from":"0", "to":"24", "html":"星期一事件"},
            {"week":"2", "from":"0", "to":"24", "html":"星期二事件"},
            {"week":"3", "from":"0", "to":"24", "html":"星期三事件"},
            {"week":"4", "from":"0", "to":"24", "html":"星期四事件"},
            {"week":"5", "from":"9", "to":"24", "html":"星期五事件"},
            {"week":"6", "from":"8", "to":"12", "html":"星期六事件"},
        ]
    };
    for(i=0;i<jsondata.schedule.length;i++)
        if(today.getDay() == jsondata.schedule[i].week || jsondata.schedule[i].week == -1)
            if(today.getHours()>=jsondata.schedule[i].from && today.getHours()<jsondata.schedule[i].to)
                div.innerHTML += jsondata.schedule[i].html + "<br />";
}
window.onload = itinerary;
</script>
<div id="div" align="center">--- List of itineraries ---<br /></div>

說明：
簡單利用JavsScript讀取JSON格式之星期及行程表內容，
比起採用陣列方式來紀錄更加清楚明瞭，
若搭配Google spreadsheet將更加簡單方便。

getElementsByClassName

標題：自定義getElementsByClassName函式

<script type="text/javascript">
function getElementsByClassName(className, parentElement){
    if (typeof parentElement == 'string'){
        parentElement = document.getElementById(parentElement);
    } else if (typeof parentElement != 'object' || typeof parentElement.tagName != 'string'){
        parentElement = document.body;
    }
    var elems = parentElement.getElementsByTagName("*");
    var result=[];
    for (i=0; j=elems[i]; i++) {
        if ((" "+j.className+" ").indexOf(" "+className+" ")!=-1) {
            result.push(j);
        }
    }
    return result;
}
function test() {
    var divs1 = getElementsByClassName('myclass');
    var divs2 = getElementsByClassName('myclass','parent');
    var divs3 = getElementsByClassName('myclass',document.getElementById('parent'));
    alert(divs1[0].innerText);
    alert(divs2[1].innerText);
    alert(divs3[2].innerText);
}
</script>
<a href="javascript:test();">Click me</a>
<div id="parent">
    <div class="myclass">1</div>
    <div class="myclass">2</div>
    <div class="myclass">3</div>
</div>

說明：
自定義getElementsByClassName函式，
可掃描指定id內之所有class名稱並以陣列儲存。

PDO SQLite Class

標題：採Class寫法之PDO連接SQLite

PHP (index.php)：

<?php
$test = new sql;
echo $test->connectsql();
class sql {
    public $dsn = "sqlite:hello.sqlite3";
    public $user = null;
    public $password = null;
    //建立資料庫
    function connectsql() {
        try {
            //連結資料庫
            $dbq = new PDO($this->dsn, $this->user, $this->password);
            echo "PDO Connection ok<br />";
            //建立資料表db_math
            //新增INTEGER屬性PRIMARY KEY特性的id欄位
            //新增INT屬性的project欄位
            //新增TEXT屬性的function欄位
            $dbq->exec("CREATE TABLE db_math(id INTEGER PRIMARY KEY, project INT, function TEXT)");
            echo "Create Table ok<br />";
            //建立索引db_math_id並指定為資料表db_math的id欄位
            $dbq->exec("CREATE INDEX db_math_id ON db_math(id)");
            echo "Create Index ok<br />";
            //寫入資料3筆
            $dbq->exec("INSERT INTO db_math(project,function) VALUES (1,'2+3')");
            $dbq->exec("INSERT INTO db_math(project,function) VALUES (1,'4+5')");
            $dbq->exec("INSERT INTO db_math(project,function) VALUES (2,'6+7')");
            echo "Insert Data ok<br />";
            //檢查若未成功則還原
            $dbq->beginTransaction();
            //搜尋全部資料
            $stq = $dbq->prepare('SELECT *FROM db_math');
            $stq->execute();
            $result = $stq->fetchAll();
            //印出資料內容
            foreach($result as $arr) {
                print_r($arr);
                echo "<br />";
            }
            //搜尋project欄位值為1的資料
            $stq = $dbq->prepare("SELECT * FROM db_math WHERE project = '1'");
            $stq->execute();
            $result = $stq->fetchAll();
            //印出資料內容
            foreach($result as $arr)
                echo $arr['id'].", ".$arr['project'].", ".$arr['function']."<br />";
             
            $this->dsn = null;
        } catch (PDOException $e) {
            //印出錯誤訊息
            echo "Connection failed: ".$e->getMessage()."<br />";
            $this->dsn = null;
        }
    }
}
?>

輸出結果：

說明：
採類別的寫法撰寫基本PDO連結資料庫，以及建立SQLite3資料表並進行Select搜尋之範例，
使用PDO請記得將相關之PHP extension打開。

2011年7月20日星期三

PHP exec C

標題：PHP與C相互傳遞與接收
程式：
PHP (index.php)：

<?php
//傳遞變數給exe執行檔
$text = exec("chello\\chello.exe Hello PHPBoxy", $arr);
  
//印出陣列大小
echo count($arr)."<br /><br />";
  
//印出陣列結果
foreach($arr as $value)
    echo $value."<br />";
  
//僅印出最後一行
echo "<br />".$text;
?>

C (chello\chello.exe):

#include <stdio.h>
#include <stdlib.h>
#include <string.h>
 
int main(int argc, char** argv) {
    char str1[1024], str2[1024], str3[1024];
    if(argc > 1) {
        strncpy(str1,argv[0],sizeof(str1)-1);
        strncpy(str2,argv[1],sizeof(str2)-1);
        strncpy(str3,argv[2],sizeof(str3)-1);
        printf("%s\n%s\n%s", str1, str2, str3);
    } else {
        printf("%d\n", argc);
    }
    return (EXIT_SUCCESS);
}

輸出結果：

說明：
利用PHP傳遞『Hello』與『PHPBoxy』兩個字串給執行檔接收，
再經由C/CPP程式printf回傳給PHP三行字串內容，
注意當argv需要做字串的處理時必須要重新複製一份來進行修改，
若直接使用argv來做修改可能會導致資料錯誤的發生。

Edit rule

標題：編輯規則

說明：

圖片插入格式說明：
點一下圖片即會顯示調整Bar，這時候請選擇適當的格式，若格式還是跑掉，請參考動態教學。

訂閱：文章 (Atom)

大於取代為『>』小於取代為『<』 Tab字元取代為『』換行字元取代為『』雙引號取代為『\"』 &取代為『&』
高亮程式：『<pre class="brush:js;first-line:1;highlight:[0];">』+字串+『</pre>』 (含HTML架構『html-script:true;』)
多行複製：『<textarea style="width:100%;overflow:visible" onclick="select()" rows="">』+字串+『</textarea>』
彈出框架：『<a href="javascript:;" onclick="window.open('"』+網址+『"', 'images', 'catalogmode, scrollbars, width=, height=')">Open</a>』
不作改變
<a href="http://codeboxy.blogspot.com/"> Hello CodeBoxy!! </a>

2011年12月13日 星期二

2011年12月11日 星期日

2011年11月16日 星期三

2011年11月6日 星期日

2011年11月4日 星期五

2011年10月31日 星期一

2011年10月30日 星期日

2011年10月28日 星期五

2011年10月27日 星期四

2011年10月12日 星期三

2011年10月3日 星期一

2011年9月30日 星期五

2011年9月19日 星期一

2011年9月7日 星期三

2011年8月14日 星期日

2011年8月4日 星期四

2011年8月2日 星期二

2011年8月1日 星期一

2011年7月31日 星期日

2011年7月22日 星期五

2011年7月21日 星期四

2011年7月20日 星期三

搜尋此網誌

協作成員

網誌存檔

標籤

總網頁瀏覽量