jqueryeasyui彈出訊息框(轉載)

芝麻軟體發表於2013-04-03
jQueryUI

jQuery EasyUI API 中文文件 – 訊息框（Messager）

http://www.cnblogs.com/hantianwei/archive/2012/03/19/2407113.html

 

<html> 
<head> 
<!-- 匯入easyui外掛的js和css樣式; --> 
<link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/default/easyui.css"> 
<link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/icon.css"> 
<script type="text/javascript" src="/EasyuiDemo/scripts/jquery-easyui-1.1.1/jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="/EasyuiDemo/scripts/jquery-easyui-1.1.1/jquery.easyui.min.js"></script> 
<script type="text/javascript"> 
//右下角彈出框;
function slide(){ 
jQuery.messager.show({ 
title:`溫馨提示:`, 
msg:`你好,我是從右下角彈出的窗體!`, 
timeout:5000, 
showType:`slide`
}); 
} 
//彈出框;
function alterInfo(){ 
jQuery.messager.alert(`提示:`,`你好,我叫彈出框!`); 
} 
//錯誤彈出框;
function errorInfo(){ 
jQuery.messager.alert(`提示:`,`你好,我叫錯誤彈出框!`,`error`); 
} 
//資訊彈出框;
function info(){ 
jQuery.messager.alert(`提示:`,`你好,我叫資訊彈出框!`,`info`); 
} 
//警告彈出框;
function warning(){ 
jQuery.messager.alert(`提示:`,`你好,我叫警告彈出框!`,`warning`); 
} 
//確認彈出框;
function confirmInfo(){ 
jQuery.messager.confirm(`提示:`,`你確認要刪除嗎?`,function(event){ 
if(event){ 
alert(`你點選的是`+event); 
}else{ 
alert("你點選的是false"); 
} 
}); 
} 
//可以輸入文字的對方框;
function prompt(){ 
jQuery.messager.prompt(`提示:`,`請輸入訊息.`,function(r){ 
if(r){ 
alert("你輸入的文字是:"+r); 
} 
}) 
} 
</script> 
</head> 
<body> 
</body> 
</html>

 


相關文章