Show toolbar

2011年8月14日 星期日

Python Calendar

標題：Python月曆
1
2
3
4
5
6
#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迅速寫出月曆。
Posted by overture 0 comment
Tag -

2011年8月4日 星期四

jsonp dynamic

標題：使用jsonp動態取得資料
HTML (index.html)：
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
<!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。
Posted by QQBoxy 0 comment
Tag - , , ,

2011年8月2日 星期二

JCreator library

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

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

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


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

HTML CSS JavaScript

標題：HTML CSS JavaScript使用
HTML (index.html)：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!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標籤內增加字串。
Posted by QQBoxy 0 comment
Tag - , ,

Hello JavaScript

標題：Hello JavaScript
1
2
3
<script type="text/javascript">
alert("Hello JavaScript"); //彈出訊息框
</script>
說明：
使用JavaScript語法alert彈出訊息框。
Posted by QQBoxy 0 comment
Tag - ,

Hello PHP

標題：Hello PHP
1
2
3
4
<?php
echo "Hello PHP"; //印出Hello PHP文字
phpinfo(); //顯示伺服器資訊
?>
說明：
基礎的PHP架構，以及展示伺服器環境的phpinfo語法。
Posted by QQBoxy 0 comment
Tag - ,

2011年8月1日 星期一

getIframe

標題：自定義getIframe函式

HTML (index.html)：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<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的內容，
因隱私權規範僅適用於相同網域。
Posted by QQBoxy 0 comment
Tag - ,
訂閱： 文章 (Atom)