用Jquery重写windows.alert方法

 已经在 IE8 , firefox3.0.11下面测试通过

$.extend({
    includePath: 
'',
    include: 
function(file)
    {
        
var files = typeof file == "string" ? [file] : file;
        
for (var i = 0; i < files.length; i++)
        {
            
var name = files[i].replace(/^\s|\s$/g, "");
            
var att = name.split('.');
            
var ext = att[att.length - 1].toLowerCase();
            
var isCSS = ext == "css";
            
var tag = isCSS ? "link" : "script";
            
var attr = isCSS ? " type='text/css' rel='stylesheet' " : " language='javascript' type='text/javascript' ";
            
var link = (isCSS ? "href" : "src"+ "='" + $.includePath + name + "'";
            
if ($(tag + "[" + link + "]").length == 0) document.write("<" + tag + attr + link + "></" + tag + ">");
        }
    }
});
$.include([
'script/jquery.divbox.js','/css/pop_win.css']);
$(document).ready(
function()
{
    
var IsFirstAlert = true;
    
var alertQueue = [];
    window.alert 
= showAlert;
    
var divalert = "";
    divalert 
+= "<div style=\"width:380px; height:180px; overflow:hidden;display:none\" id=\"divAlert\">";
    divalert 
+= "    <div class=\"win_c\">";
    divalert 
+= "        <div class=\"win_t\" id=\"\">";
    divalert 
+= "            <div class=\"mail_timg\" ><h3>TITLE<\/h3><\/div>";
    divalert 
+= "            <div class=\"clear\"><\/div>";
    divalert 
+= "        <\/div>";
    divalert 
+= "        <div class=\"alrt2\" style=\"text-align:center\">";
    divalert 
+= "                <span id=\"spaAlertMessage\" class=\"f14 ifont\"><\/span><br \/>";
    divalert 
+= "            <div class=\"clear\"><\/div>";
    divalert 
+= "        <\/div>";
    divalert 
+= "        <p class=\"Acenter\"><input id='alertClose' type=\"button\"  value=\"确定\" class=\"btn7\" \/>&nbsp;&nbsp;&nbsp;&nbsp;<input type=\"reset\" value=\"取消\" style=\"display:none\" class=\"btn8\" \/><br \/><br \/><\/p>";
    divalert 
+= "           <p>&nbsp;<\/p>";
    divalert 
+= "    <\/div>";
    divalert 
+= "    ";
    divalert 
+= "<\/div>";
    $(
"body").append(divalert);
    
function showAlert(info)
    {
        alertQueue.push(info);
        
if (IsFirstAlert)
        {
            IsFirstAlert 
= false;
            OpenAlert();
        }
    }
    $(
"#alertClose").click(function()
    {
        $(
'#divAlert').CloseDiv()
        
if (alertQueue.length > 0)
        {
            setTimeout(OpenAlert, 
150);
        }
    });
    
function OpenAlert()
    {
        $(
"#spaAlertMessage").html(alertQueue[0]);
        alertQueue.splice(
01);
        $(
"#divAlert").OpenDiv();
    }
});
注:以上引用js与CSS的jquery插件,出自:http://www.cnblogs.com/chenjinfa/archive/2009/03/17/1414178.html

posted on 2009-06-24 13:48  真不懂  阅读(8598)  评论(22编辑  收藏  举报

导航