artDialog ialah komponen dialog yang ditulis berdasarkan javascript Ia mempunyai antara muka yang indah dan antara muka yang mesra.
Kata Pengantar:
Kandungan penyesuaian
Rangka kerja UI khas artDialog boleh menyesuaikan diri dengan perubahan kandungan malah ia boleh menyesuaikan diri dengan kandungan yang dimasukkan secara dinamik oleh program luaran, jadi anda tidak perlu mempertimbangkan saiz kandungan mesej untuk menggunakannya. Bekas mesejnya juga boleh memusatkan atau menjajarkan teks berdasarkan lebar—semuanya secara asli dalam XHTML+CSS.
Antara muka lengkap
Ia mempunyai antara muka yang lengkap dan boleh digunakan dengan mudah dengan program luaran. Seperti menulis mesej secara tidak segerak, mengawal kedudukan, saiz, paparan dan penyembunyian, penutupan, dsb.
Pengalaman terperinci
Jika anda tidak berada dalam keadaan input, ia menyokong kekunci pintasan Esc untuk menutupnya; berpusat; kawasan tindak balas yang besar dioptimumkan khas untuk peranti skrin sentuh seperti iPad ;
Serasi merentas platform
Serasi dengan: IE6+, Firefox, Chrome, Safari, Opera, iPad dan peranti mudah alih lain. Dan IE6 juga boleh menyokong kedudukan statik (tetap), kawalan lungsur tindanan dan saluran alfa png latar belakang pelayar moden.
Menyatakan maksud:
artdialog ialah kawalan kotak pop timbul yang bagusSaya telah berhubung dengan ArtDialog untuk seketika, dan saya rasa ia agak bagus untuk digunakan dan agak ringan Saya lebih suka pemalam JavaScript yang ringan dan mempunyai kelajuan pemuatan yang pantas.
Fungsinya juga sangat baik dan lengkap Berbanding dengan pemalam pop timbul yang lain, pemalam ini bukan sahaja masih dalam penyelenggaraan, tetapi juga mempunyai lebih sedikit pepijat dan sangat mudah digunakan pemalam yang lebih cemerlang di China.
Kaedah panggilan adalah seperti berikut:
//说明下面是一段通过artdialog弹出form表单,并通过ajaxform来提交的js(表单可以采用jquery validate验证控件来验证表单) $(document).ready(function() { var options = { target: '#output2', success: showResponse // post-submit callback }; $('#myForm').ajaxForm(options); var alt =null; $("#addHname").click(function(){ alt=art.dialog({ title:'新增花名', content: document.getElementById('g_cn'), width:750, button: [ { name: '保存', focus: true, callback: function () { $('#myForm').submit(); return false; } }, { name: '关闭', callback: function () { } } ] }); }); function showResponse(data){ if(alt !=null){ alt.close(); } if(data=='success'){ artDialog.alert('保存成功'); }else{ art.dialog.close(); artDialog.alert('保存失败'); } } });