Show toolbar

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):
<div id="codeboxy">Hello Codeboxy</div>
說明:
由父框架取得子框架id的內容,
因隱私權規範僅適用於相同網域。