工程師的點滴

2012年12月9日星期日

區塊置中的三種寫法

第一種寫法：這是為了舊版瀏覽器 IE 5.0 而使用的寫法，如下：
body{ text-align:center; }
/* 先讓網頁內所有的內容置中，因此 myDIV 區塊也會被置中 */
#myDIV{ text-align:left; }
/* 再將 myDIV 區塊內的內容恢復置左 */

第二種寫法：IE6 和 Firefox 等新版瀏覽器都通用的寫法，如下：
#myDIV{ margin-left:auto; margin-right:auto; }
/* 將 myDIV 區塊的外部間距設定為自動均分，就可以達到置中的效果 */

第三種寫法：IE6 和 Firefox 等新版瀏覽器都通用的寫法，如下：
#myDIV{ margin: 0 auto; }
/* 與第二種方法作用相同，這是較精簡的寫法 */

此篇訊息參考：

http://www.flycan.com.tw/board/modules/newbb/viewtopic.php?viewmode=flat&type=&topic_id=27&forum=11

偵測出目前主流的幾個瀏覽器版本

一行程式碼可以偵測出目前主流的幾個瀏覽器版本：
B=(function x(){})[-5]=='x'?'FF3':(function x(){})[-6]=='x'?'FF2':/a/[-1]=='a'?'FF':'\v'=='v'?'IE':/a/.__proto__=='//'?'Saf':/s/.test(/a/.toString)?'Chr':/^function \(/.test([].sort)?'Op':'Unknown'

截至目前為止 IE='\v'=='v' 是能判斷出 IE 的最短程式碼：

此篇訊息參考：http://jsgears.com/thread-168-1-3.html

top and self and parent

window.top：最上層視窗
window.self ：目前視窗
window.parent ：母視窗

視窗最大化

只要在onLoad或body後面加上以下程式碼，開啟視窗時就會最大化。
window.self.moveTo(0,0)
window.self.resizeTo(screen.availWidth,screen.availHeight)

ex：
<html>
<script>
window.onLoad = function(){
window.self.moveTo(0,0);
window.self.resizeTo(screen.availWidth,screen.availHeight);
}
</script>
<body>
.....................
</body>
</html>

ex：
<html>
<body>
<script>
window.self.moveTo(0,0);
window.self.resizeTo(screen.availWidth,screen.availHeight);
</script>
</body>
</html>

2012年12月5日星期三

input 顯示提示文字

如何使用Jquery產生輸入框的題是文字，程式碼如下：

<input type="text" id="input_test" value="請輸入文字，謝謝。" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function() {
var inputEl = $('#inputID'),
defVal = inputEl.val();
inputEl.bind({
focus: function() {
var _this = $(this);
if (_this.val() == defVal) {
_this.val('');
}
},
blur: function() {
var _this = $(this);
if (_this.val() == '') {
_this.val(defVal);
}
}
});
})
</script>

此程式碼可以直貼至.html直接運行。

2012年11月25日星期日

onresize-視窗大小變動時，會啟動的事件

在視窗變動時，會啟動一個事件--onresize，
所以如果有依些動作是在視窗改變時，必須要執行的程式、動作，
可以在onresize中去做執行。

本來我是想將function寫在.js裡，但發現好像不行，我也不知道為什麼不行？
上網goole了一下，似乎是必須寫一個變數去接這個function，
然後onresize時直接指向這格變數。

以下是程式範例：
var resizeWindow = function () {
document.getElementById("Test").style.left = 500;
document.getElementById("more").style.top = 500;
}
window.onresize = resizeWindow;