jQuery easyUI相关消息窗口

来源：互联网发布：淘宝怎么看付款排名编辑：程序博客网时间：2024/05/17 07:43

functionshow1(){

$.messager.show({

title:'MyTitle',

msg:'Message will be closed after4 seconds.',

showType:'show'

});

}

functionshow2(){

$.messager.show({

title:'MyTitle',

msg:'Messagewill be closed after 5 seconds.',

timeout:5000,

showType:'slide'

});

}

functionshow3(){

$.messager.show({

title:'MyTitle',

msg:'Messagenever be closed.',

timeout:0,

showType:'fade'

});

}

functionshow4(){

varwin = $.messager.progress({

title:'Pleasewaiting',

msg:'Loadingdata...'

});

setTimeout(function(){

$.messager.progress('close');

},5000)

}

functionalert1(){

$.messager.alert('MyTitle','Here is a message!');

}

functionalert2(){

$.messager.alert('MyTitle','Here is a error message!','error');

}

functionalert3(){

$.messager.alert('MyTitle','Here is a info message!','info');

}

functionalert4(){

$.messager.alert('MyTitle','Here is a question message!','question');

}

functionalert5(){

$.messager.alert('MyTitle','Here is a warning message!','warning');

}

functionconfirm1(){

$.messager.confirm('MyTitle', 'Are you confirm this?', function(r){

if(r){

alert('confirmed:'+r);

location.href= 'http://www.google.com';

}

});

}

functionprompt1(){

$.messager.prompt('MyTitle', 'Please type something', function(r){

if(r){

alert('youtype:'+r);

}

});

}

</script>

</head>

<body>

<h2>Messager</h2>

<divclass="demo-info">

<divclass="demo-tip icon-tip"></div>

<div>Clickon each button to see a distinct message box.</div>

</div>

<p>MessageWindow</p>

<div>

<ahref="#" class="easyui-linkbutton"onclick="show1()">Show</a>

<ahref="#" class="easyui-linkbutton"onclick="show2()">Slide</a>

<ahref="#" class="easyui-linkbutton"onclick="show3()">Fade</a>

<ahref="#" class="easyui-linkbutton"onclick="show4()">Progress</a>

</div>

0 0