jQuery Alert Dialogs (Alert, Confirm, Prompt Replacements)(翻译)
前不久在官方網站是看見這個插件,所以今天趁有空就看了一下,隨便給大家共享一下。也許你早已知道了
,如果是這樣那請跳過,不要拍磚。
這個Jquery插件的目的是替代JavaScript的標準函數alert(),confirm(),和 prompt()。這個插件有
如下這些特點:
? 1:這個插件可以使你可以支持你自己的css制定。使你的網站看起來更專業。
?? 2:允許你自定義對話框的標題。
? 3:在IE7中,可以使你避免使用JavaScript 的prompt()函數帶來的頁面重新加載。
?? 4:這些方法都模擬了Windows的模式對話框。在你改變改變瀏覽器窗口大小時候,它能夠自適應用戶
窗口的調整。
?? 5:如果你引入了jQuery UI Draggable plugin插件,那這個插件也可以被自由拖動。
先在這里說插件的下載地址,以供有需之人下載:
http://labs.abeautifulsite.net/projects/js/jquery/alerts/jquery.alerts-1.1.zip
一:首先在<head></head>導入JQuery,jquery.ui.draggable
和jquery.alerts的 css、js文件。
<script src="/path/to/jquery.js" type="text/javascript"></script>
<script src="/path/to/jquery.ui.draggable.js" type="text/javascript"></script>
<script src="/path/to/jquery.alerts.js" type="text/javascript"></script>
<link href="/path/to/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />
為了在iE中正確的使用alert插件,你還得在Page中加入何時DTD:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
二:使用
我們可以用下列方式來使用這個Jquery插件。
jAlert(message, [title, callback])jConfirm(message, [title, callback])jPrompt(message, [value, title, callback])注:不同于Javascript標準函數,我們可以在message中使用HTML參數顯示你的提示信息。
三:兼容性:
alert插件要求我們必須使用JQuery1.2.6或以上的jQuery包。
已經被測試能夠在IE6、IE7、FF2、FF3、Safari 3 、Chrome 、Opera 9瀏覽器上很好的運行。
四:Demo:
注:在Demo中么有引入dragonable插件所以不能拖拽
Test AlertjAlert('This is a custom alert box;<br/> <a href=\"http://www.cnblogs.com/whitewolf/\"> 本示例來自破浪博客</a>', 'Alert Dialog'); Test ConfirmjConfirm('Can you confirm this?<br/> <a href=\"http://www.cnblogs.com/whitewolf/\"> 本示例來自破浪博客</a>', 'Confirmation Dialog', function(r) { jAlert('Confirmed: ' + r, 'Confirmation Results'); }); Test PromptjPrompt('Type something:<br/>< a href=\"http://www.cnblogs.com/whitewolf/\"> 本示例來自破浪博客</a>', 'WhiteWolf', 'Prompt Dialog', function(r) { if( r ) alert('You entered ' + r); }); 本博客中同類文章還有,請見:我jQuery系列之目錄匯總轉載于:https://www.cnblogs.com/whitewolf/archive/2010/05/09/1731120.html
總結
以上是生活随笔為你收集整理的jQuery Alert Dialogs (Alert, Confirm, Prompt Replacements)(翻译)的全部內容,希望文章能夠幫你解決所遇到的問題。
 
                            
                        - 上一篇: 为朋友写的一个投票功能的提交代码
- 下一篇: 2.1.2监测当前打印机状态
