Home/ Questions/Q 7862495
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T23:08:55+00:00

How can I show Russian text in a jQuery dialog title? In my case,

  • 0

How can I show Russian text in a jQuery dialog title? In my case, it shows just this – ???????

Does anybody know why?

Calls showAjaxDialog:

$('.ajaxDialog').click(function () {
    ShowAjaxDialog(true, 'Привет Мир', 330, 300, this.href);
    return false;
});

AjaxDialog code:

function ShowAjaxDialog(isModal, title, width, height, url) {   
    // show a spinner or something via css
    var dialog = $('<div style="display:none" class="ajaxDialogLoading"></div>').appendTo('body');

    // open the dialog
    dialog.dialog({
        // add a close listener to prevent adding multiple divs to the document
        close: function (event, ui) {
            // remove div with all data and events
            dialog.remove();
        },
        width: width,
        height:height,
        modal: isModal,
        title: title
    });

    // load remote content
    dialog.load(
        url,
        //{}, // omit this param object to issue a GET request instead a POST request, otherwise you may provide post parameters within the object
        function (responseText, textStatus, XMLHttpRequest) {
            // remove the loading class
            dialog.removeClass('ajaxDialogLoading');
        }
    );      
    //prevent the browser to follow the link
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Demo: http://jsfiddle.net/mhLc5/

    Link: http://jqueryui.com/demos/dialog/

    Code:

    var $Dialog_div;

function fnOpenDialog() {
    $Dialog_div = $('<div id=\'ThisDialog\'>Hello</div>').prependTo('body');

    $Dialog_div = $('#ThisDialog').dialog({
        autoOpen: true,
        draggable: true,
        resizable: true,
        title: 'Dialog put russian text: Jquery скалы, скалы и StackOverflow',
        modal: true,
        stack: true,
        height: ($(window).height() * 0.95),
        width: ($(window).width() * 0.9),
        buttons: {
            'OK': function() {
                $Dialog_div.dialog('close');
            }    
        }
    });  
}

$('#ClickMe').click(fnOpenDialog);​

    HTML:

    <!-- This is more than likely an Adobe issue where it thinks it should be in the front
     all the time, no matter what. However, it is very annoying that you can't open
     a dialog over a PDF.-->

<body>
    <div id='ClickMe'>Click here!</div>
    <br/>
    <div></div>
    <br/>
</body>
    • 0