Chair's blog: 2009/09

2009年9月22日星期二

i7500與史丹利的狂想日記

好熱血啊~~~~(看完後，覺得好像不一定用 Galaxy i7500 也可以辦的到！)

Galaxy i7500 - Galaxy i7500與史丹利的狂想日記第三彈

Galaxy i7500 Galaxy i7500與史丹利的狂想日記第二彈

Galaxy i7500 - Galaxy i7500與史丹利的狂想日記第一彈

2009年9月21日星期一

createElement...等用法

createElement、setAttribute、insertBefore、appendChild 用法

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
body innerHTML<br/>
<script type="text/javascript">
//在 body innerHTML 前插入 div
cElt=document.createElement("div");
cElt.setAttribute("id","divid");
cElt.innerHTML="I am DIV!";
var s=cElt.style;
s.backgroundColor="black";
s.color="#FFF"
s.MozOpacity=1;
s.opacity=1;
s.filter="alpha(opacity=100)";
//s.position="fixed";
s.top=0;
s.left=0;
s.width="100px";
s.height="100px";
s.zIndex=254;
s.textAlign="left";
s.margin=0;
s.padding=0;
var a=document.getElementsByTagName("body").item(0);
a.insertBefore(cElt,a.firstChild);
//在 body innerHTML 插入 p
pElt = document.createElement("p");
pElt.setAttribute("id", "pid");
pElt.innerHTML="I am P!";
s = pElt.style;
s.padding = 0;
s.margin = 0;
s.fontFamily = "Arial, sans-serif";
s.fontSize = "14px";
s.textAlign = "left";
s.color = "#F00";
a.appendChild(pElt);
</script>
</body>
</html>

appendChild、removeChild 用法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Add/Remove child: Javascript</title>
<script>
function addEvent() {
  var ni = document.getElementById('myDiv');
  var numi = document.getElementById('theValue');
  var num = (document.getElementById("theValue").value -1)+ 2;
  numi.value = num;
  var divIdName = 'my'+num+'Div';
  var newdiv = document.createElement('div');
  newdiv.setAttribute('id',divIdName);
  newdiv.innerHTML = 'Element Number ' + num + ' has been added! <a href="javascript:void(0);" onclick="removeElement(\''+divIdName+'\')">Remove the element '+divIdName+'</a>';
  ni.appendChild(newdiv);
}

function removeElement(divNum) {
  var d = document.getElementById('myDiv');
  var olddiv = document.getElementById(divNum);
  d.removeChild(olddiv);
}
</script>
</head>

<body>
	<input type="hidden" value="0" id="theValue" />
	<p><a href="javascript:void(0);" onclick="addEvent();">Add Some Elements</a></p>
	<div id="myDiv"> </div>
</body>
</html>

element 用法：螞蟻的 JavaScript

判斷瀏覽器 & 版本

1.判斷 IE 版本
isIE6 = /msie|MSIE 6/.test(navigator.userAgent);
isIE7 = /msie|MSIE 7/.test(navigator.userAgent);

2.FF or IE
var d=ifrmae.contentDocument || ifrmae.contentWindow.document;

3.FF or IE8 is true
window.XMLHttpRequest

4.IE is true
window.ActiveXObject

PS:問號表達式:運算符號(?:)
var a="我是 a ！"
// a 不是空(?) o=a ，要不(:) o="哈囉"
var o = a != null ? a : "哈囉";

2009年9月19日星期六

Pixar VS Chair

因為票在 7-11 買的，

所以票根沒有毛怪和大眼仔的圖...

排隊無聊順道補上我的票根~~~

更多的照片(也才16張)

2009年9月14日星期一

網頁 iframe、open 互傳值

A.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">
<head>
    <title>A</title>
</head>
<body>
    <div>
        A.html
        <input type="text" id="T1" size="20" />
        <input type="button" value="送出↓" onclick="SendMsg()" />
        <input type="button" value="window.open" onclick="AB_open(document.getElementById('T1').value)" />
        <iframe src="b.html" id="iframe" width="100%" height="100%"></iframe>
    </div>
</body>
</html>

function trygive(T1Value){
x=T1Value;
try{
 p.document.getElementById('T1').value=x;
}catch(e){
 setTimeout('trygive(x)',1000);
}

}
</script>

B.html

我都忘記我是參考這 [Javascript]主網頁傳值給iframe頁面，或iframe頁面傳值給主網頁的應用，版主還有回應呢！沒想到我三個月後，改這篇文章時，才又想到...

<!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">

FF3.5、Chrome2、Safari4、IE8 加上 w3c 規則，瀏覽器本身就可以記錄錨點(書籤)

IE6、7 用 iframe 記錄

<!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">

<body>
<a href="#1" onclick="onHashchange('1')">#1</a><br/>
<a href="#2" onclick="onHashchange('2')">#2</a><br/>
<a href="#3" onclick="onHashchange('3')">#3</a><br/>
<a href="#4" onclick="onHashchange('4')">#4</a><br/>
<a href="#5">#5 正常的錨點(hash)</a><br/>
<input value="click" type="button" onclick="tt()" />
<div id="hash">hash</div>
<div id="hashHistory">hashHistory</div>
<iframe id="ieHistory"></iframe>

</body>
</html>

2009年9月8日星期二

absolute 和 relative 比較

absolute 是絕對定位
他是參照瀏覽器的左上角，配合 TOP 、 RIGHT 、 BOTTOM 、 LEFT (下面簡稱 TRBL )進行定位，在沒有設定 TRBL ，依據父級的做標原始點為原始點。如果設定 TRBL 並且父級沒有設定 position 屬性，那麼當前的 absolute 則以瀏覽器左上角為原始點進行定位，位置將由TRBL決定。

ex:position:absolute; 沒有指定 TRBL ， width:200px;height:200px ，他的父級為 table(table 沒被撐開)

table div

relative 是相對定位
他是參照父級的原始點為原始點，無父級則以 BODY 的原始點為原始點，配合 TRBL 進行定位，當父級內有 padding 等 CSS 屬性時，當前級的原始點則參照父級內容區的原始點進行定位。
ex:position:relative; 沒有指定 TRBL ， width:200px;height:200px ，他的父級為 table (table 被撐開)

table div

引用：解讀 Absolute 與Relative CSS 定位問題

2009年9月3日星期四

Blogger 文章加密

官方網站

1.下載 http://www.vincentcheung.ca/jsencryption/jsencryption.js 或 直接用官網的

2.Between the ＜head＞ and ＜/head＞ tags in the html code of your webpage, add the following: 
<script type="text/javascript" src="http://www.vincentcheung.ca/jsencryption/jsencryption.js" ></script>

<html>
<head>
<script type="text/javascript" src="http://www.vincentcheung.ca/jsencryption/jsencryption.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>

<body onload="javascript:decryptText('v61nmxuS')">
<div id="v61nmxuS" title="U2FsdGVkX19tc8R29pQQ1YN+0Folrp89kM7gOVRLv2o=">
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>

訂閱：文章 (Atom)

2009年9月22日 星期二

2009年9月21日 星期一

2009年9月19日 星期六

2009年9月14日 星期一

2009年9月8日 星期二

2009年9月3日 星期四