Question

Pourquoi cette boîte de dialogue JQuery ne fonctionne pas dans Firefox?Ceci fonctionne dans IE très bien.J'ai utilisé Jqueryblockui.js Pug-in.

function showConfirmation(progTit, msgText, msgIcon, msgHideIcon) {
    var tblMsg;

    tblMsg = '<table width="310" cellpadding="0" cellspacing="0" border="0" height=113px >' +
'<tr style="background-color:#3a3a3a;">' +
    '<td style="width:30px;" valign="middle"></td>' +
    '<td style="height:2px; text-align:center; color:#ffffff; font-style:bold;">' + progTit + '</td>' +
    '<td height="1px">' +
        '<a href="javascript:void(0);" onclick="$.unblockUI();"><img src="' + msgHideIcon + '" alt="Hide" title="Hide" style="border:0;"/></a>' +
    '</td>' +
'</tr>' +
'<tr>' +
'<td style="width:30px;" valign="middle"></td>' +
'<td style="text-align:center;"><img src="' + msgIcon + '"/>&nbsp; ' + msgText + '</td>' +
'<td style="width:30px;" align="center" valign="middle"></td>' +
'</tr>' +
'</table>';


    $('#divConfirm').html(tblMsg);

    $.blockUI({ message: $('#divConfirm') });

Était-ce utile?

La solution

Ceci celui-ci :)

<script>
function showConfirmation(progTit, msgText, msgIcon, msgHideIcon) {
    var tblMsg = '<table width="310" cellpadding="0" cellspacing="0" border="0" height=113px >'
               +      '<tr style="background-color:#3a3a3a;">'
               +           '<td style="width:30px;" valign="middle"></td>'
               +           '<td style="height:2px; text-align:center; color:#ffffff; font-style:bold;">' + progTit + '</td>'
               +           '<td height="1px">'
               +              '<a href="javascript:void(0);" onclick="$.unblockUI();"><img src="' + msgHideIcon + '" alt="Hide" title="Hide" style="border:0;"/></a>'
               +           '</td>'
               +       '</tr>'
               +       '<tr>'
               +          '<td style="width:30px;" valign="middle"></td>'
               +          '<td style="text-align:center;"><img src="' + msgIcon + '"/>&nbsp; ' + msgText + '</td>'
               +          '<td style="width:30px;" align="center" valign="middle"></td>'
               +       '</tr>'
               + '</table>';

    $.blockUI({ message: tblMsg });
}
$(function() {
    showConfirmation('Title', 'Hello World', '', '')
});
</script>

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top