2012-02-07 / JSN / 0 Comments / 1,126 views
GOOGLE的網友寫法
在不同路徑引用同一支JQ時,路徑會有問題。由其在AJAX的時候常會用到。
JS取得根目錄的function:
//取得根目錄
function getRootPath(){
var strFullPath=window.document.location.href;
var strPath=window.document.location.pathname;
var pos=strFullPath.indexOf(strPath);
var prePath=strFullPath.substring(0,pos);
var postPath=strPath.substring(0,strPath.substr(1).indexOf('/')+1);
return(prePath+postPath);
}
alert(getRootPath());//測試
學習地址
http://www.girlcoding.com/2011/08/javascript-websit-url/
2012-02-07 / JSN / 0 Comments / 4,689 views
寫網頁程式,一定會遇到程式碼與美編分工。
對於美編設計網頁時用CSS+HTML,通常都不會直接編寫程式碼,
所以很有可能拿到HTML網頁檔時,裡面的標籤都擠在一起,例如
<div class=a><span><a id="a_a"></a></span><table><tr><th>id</th></tr></table></div>
這樣看起來很不易維護,而且程式寫在裡面也很麻煩。
在Dreamweaver CS5.5 命令>套用原始碼格式
能大致上做一個巢狀式的標籤編排,剩下細部再依照需求排版,
這樣省下很多時間自己一個一個Enter、Tab、
Enter、Tab 的排版時間了!
2012-02-03 / JSN / 0 Comments / 144 views
當綁定大量click()或hover()的時候
$(). delegate()可以減少記憶體的耗費並提昇綁定的效率
可參考文章:http://jsgears.com/thread-402-1-1.html
2012-02-02 / JSN / 0 Comments / 350 views
<script>
//JQ呼叫的function ,要寫在jQ之外
jQuery( function(){ setTimeout(auto_hidden_msg,2000); } ); //呼叫function正確來說叫做『auto_hidden_msg() 』但這裡不要加『 ( ) 』
function auto_hidden_msg(){
jQuery(".ifpaycash_runmessage").hide(800);
}
// setInterval也是一樣的用法 。// 記得,
setInterval 與 setTimeout裡面()呼叫的function ,名稱不用加( )
</script>
2012-01-24 / JSN / 0 Comments / 491 views
<!DOCTYPE
HTML>
<html>
<head>
<meta
charset="utf-8">
<title>無標題文件</title>
<script
src="require/tools/jquery.js"></script>
<link
href="require/tools/fancybox/jquery.fancybox-1.3.4.css"
rel="stylesheet" type="text/css" />
<script
type="text/javascript"
src="require/tools/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script
type="text/javascript"
src="require/tools/fancybox/jquery.easing-1.3.pack.js"></script>
<script
type="text/javascript"
src="require/tools/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
</head>
<body>
<script>
$(function(){
$("#tip5").fancybox({
'scrolling' :
'no',
'titleShow' :
false,
'onClosed' :
function() {
$("#login_error").hide();
}
});
$("#login_form").bind("submit",
function() {
/*
if
($("#login_name").val().length < 1 ||
$("#login_pass").val().length < 1) {
$("#login_error").show();
$.fancybox.resize();
return false;
}
*/
//顯示進度圖片
$.fancybox.showActivity();
//AJAX成功後要在原頁顯示fancybox的內容
$.ajax({
type :
"POST",
cache :
false,
url :
"#re",
data :
$(this).serializeArray(),
success:
function(data) {
$.fancybox(data);
}
});
return
false;
});
})
</script>
<a
id="tip5" title="Login" href="#login_form">Try
now</a>
<div
style="display:none">
<form
id="login_form" method="post" action="">
<p id="login_error">Please, enter data</p>
<p>
<label
for="login_name">Login: </label>
<input
type="text" id="login_name" name="login_name"
size="30" />
</p>
<p>
<label
for="login_pass">Password: </label>
<input
type="password" id="login_pass" name="login_pass"
size="30" />
</p>
<p>
<input
type="submit" value="Login" />
</p>
<p>
<em>Leave empty so see resizing</em>
</p>
<div
id="re">AJAX結果</div>
</form>
</div>
</body>
</html>