顯示具有 jQuery 標籤的文章。 顯示所有文章
顯示具有 jQuery 標籤的文章。 顯示所有文章

2014年7月21日 星期一

[jQuery]ajax 設定 timeout

$.ajax({
type: 'post', //或 get
timeout: 1000, //以毫秒為單位
url: 'url', 
data: {datakey1: 'datavalue1'}, //為 Array
dataType: 'json', 
success: function(data){
 //請求成功的回調函數
},
error: function(XMLHttpRequest, textStatus, errorThrown){
 //發生錯誤的回調函數
 if(textStatus == 'timeout'){
  //超時
 }
 alert(XMLHttpRequest.status + ', ' + XMLHttpRequest.readyState + ', ' + textStatus);
}, 
complete : function(XMLHttpRequest,status){
 //請求完成後最終執行参數
 if(status == 'timeout'){
  //超時, status 還有 success, error 等值的情況
 }
}});

以上 error 和 complete 的執行順序為:error → complete。

2014年7月3日 星期四

[JavaScript]hidden 欄位 Change 事件

因為使用Javascript 去更變 hidden Input 並不會觸發 .change 事件
所以找了另外一種解決方案 , 來監聽 hidden Input value

function survey(selector, callback) {
    var input = $(selector);
    var oldvalue = input.val();
    setInterval(function () {
        if (input.val() != oldvalue) {
        oldvalue = input.val();
        callback();
        }
    }, 100);
}


survey('#CH', function () {
    //To Do SomeThing
}


資料來源:在JavaScript 隱藏欄位 (Change)事件

2014年6月27日 星期五

[jQuery]paste事件取值

$("textarea#input").bind('paste', function(e) {
    var el = $(this);
    setTimeout(function() {
        var text = $(el).val();
        alert(text);
    }, 100);
});

資料來源:js捕获鼠标右键菜单中的粘帖事件实现代码

2014年4月24日 星期四

[tinymce]add onblur event

$('textarea.tinymce').tinymce({
    script_url : '/js/tinymce/tiny_mce.js',
    theme : "simple",
    setup : function(ed){
        ed.onInit.add(function(element, event){
            var dom = element.dom;
            var doc  = element.getDoc();
            tinymce.dom.Event.add(doc, 'blur', function(e){
                // Do something when the editor window is blured.
                console.log('blur!!!');
            });
        });
    }
});

以上only on firefox...
其他瀏覽器則將藍字改為element.getBody()

for chrome, change getDoc to getWin //←這個未嘗試,尚不確定......


資料來源:Miniation

2014年3月27日 星期四

[jQuery]解決IE7、IE8透明背景的圖片有黑邊的問題

避免之後忘記又找半天,故紀錄。

$(function() {
    if(navigator.userAgent.indexOf("MSIE") != -1) {
        $('img').each(function() {
            if($(this).attr('src').indexOf('.png') != -1) {
                $(this).css({
                    'filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' +
                    $(this).attr('src') +
                    '", sizingMethod="scale");'
                });
            }
        });
    }
});

資料來源:
IE7、IE8中使用jQuery的fadeIn/fadeOut 黑邊問題