jqueryBerikut ini adalah cara untuk membuat judul pada dialog Jquery

Sebelum membuat script dialog jquery (action jquery),
terlebih dahulu membuat form untuk popup saat di panggil (selector) di dalam
script dialog jquery (action jquery).

Berikut ini adalah contoh script yang di gunakan :

Script dalam HTML :

 

<div id=”dialog” visible=”false” title=”I’m Title of dialog”>
<p>
<img src=”images/loadingAnimation.gif” width=”208″ height=”13″ />
</p>
</div>

Script Dalam JavaScript

<script>
//call dialog for the loading show
function callLoadingShowMaintenances() {
$(“#dialogLoadingMaintenance”).dialog({
height:100,
width:250,
modal:true,
open:function(event, ui) { $(“.ui-dialog-titlebar-close”).hide(); },
zIndex:false
});
$(‘#dialogLoadingMaintenance’).dialog(‘open’);
}
</script>

Berikut ini adalah penjelasan dari script diatas :

<div id=”dialog” visible=”false” title=”Loading…”>
<p>
<img src=”images/loadingAnimation.gif” width=”208″ height=”13″ />
</p>
</div>

Script diatas adalah tag div dari script html,
dalam hal ini tag div adalah berfungsi sebagai id
yang nantinya akan di panggil pada selektor dialog Jquery.
Id yang akan di panggil adalah ‘dialog‘ dengan status visible false / tidak diperlihatkan (Hide),
Dan dengan title / judul dialog I’m Title of dialog….

Sedangkan tag p adalah sebagai paragraf, kemudian tag img adalah untuk image / gambar.

Jadi, dalam hal ini tittle atau judul form/dialog jquery yang muncul adalah dengan memberikan tittle pada:

<div id=”dialog” visible=”false” title=”I’m Title of dialog”>

Maka akan muncul tittle atau judul pada form / dialog. Seperti pada gambar dibawah ini,

Dialog Title Jquery

Dialog Title Jquery

Meskipun sedikit, semoga bermanfaat =)

Mohon koreksinya jika terdapat kekeliruan dalam postingan ini. Dan terima kasih atas kunjungannya =)

Wassalam.