2013年4月19日 星期五

產生 jQuery UI 按鈕與訊息盒的 PHP 函式

因為按鈕與訊息盒在 jQuery UI 中使用頻率高, 而且功能較簡單, 乾脆寫成 PHP 函式庫, 每次要用到時就直接呼叫, 產生所需的程式與網頁碼, 省得還要一一佈置. 而確認盒與輸入盒因為牽涉彈性較大的回呼函式, 以後功力深些再想辦法了. 其實訊息盒最重要一點就是要把 autoOpen 選項關掉 (設為 false), 需要顯示訊息時才靠按鈕的 click 事件或其他事件去打開它.
使用上很簡單, 只要 echo 函式的傳回值, 再給按鈕加上 click 事件處理器就可以了 :

<?php
echo get_button("button1","刪除");
echo get_msgbox("dialog1","錯誤訊息","無權刪除","確定");
?>
<script>
$('#button1').click(function(){
    $('#dialog1').dialog('open'); //開啟訊息框
    });
</script>

沒有留言 :