i got solution to add custom icon on title
code is below:
$(function(){
// ADD HTML FOR NEW BUTTON
var newBtn = '<a class="ui-dialog-titlebar-refresh ui-corner-all ui-state-default" href="#" role="button" style="position: absolute; top: 50%; right: 5.5em; margin-top: -10px; height: 18px;"><span class="ui-icon ui-icon-refresh">refresh</span></a>';
////auto open dialog/////////////
//check cookie
if( document.cookie.indexOf( "Once=true" ) < 0 ) {
//dialog options
var dialogOptions = {
"title" : "title",
"create": function() { ///// CREATE FUNCTION TO ADD CUSTOM BUTTON
$(this).prev('.ui-dialog-titlebar').find('.ui-dialog-title').after(newBtn);
},
"open" : function () {
$("#open").prop("disabled",true);
$(this).load('pop.php');
$(this).parent().css('opacity', 0.4);
$(this).parent().hover( function () {
$(this).css('opacity', 0.9);
}, function (event) {
$(this).css('opacity', 0.4);
});
},
"width" : 370,
"height" : 250,
"dialogClass": 'dlgfixed',
"position" : ['right bottom'],
"modal" : false,
"autoOpen": true,
"closeOnEscape" : true,
"draggable" : true,
"close" : function(){
$(this).remove();
document.cookie = "Once=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
$("#open").prop("disabled",false);
}
};
var dialogExtendOptions = {
"closable" : true,
"maximizable" : true,
"minimizable" : true,
};
// open dialog
$("<div><div />").dialog(dialogOptions).dialogExtend(dialogExtendOptions);
}
});
solved how to add icon on title in jquery dialog-extend