Waiting for Resouces to Load about jquery.i18n

[santhoshtr]

In most of the usecases, the resource files(message json) is at server and it takes a while to get loaded at client. It is not recommended to block the code execution by using synchronous message file loading.

Following is a convenient wrapper around $.fn.i18n that take care of message loading as well.

        $.fn.i18nText = function ( key, params ) {
            var i18n = $.i18n(),
                $element = $( this );
            i18n.load( 'i18n/en.json', 'en' ).done( function () {
                if ( $element.data( 'i18n' ) ) {
                    $element.i18n();
                } else {
                    $element.text( $.i18n( key, params ) );
                }
            } );
            return $element;
        }
        $( document ).ready( function ( $ ) {
            $( 'span' ).i18nText( 'key-one', 3 );
        } )

I hope that helps

[santhoshtr]

Now that I wrote this, I am thinking why can't this the jquery.i18n have the above feature? :). I will investigate it as an enhancement. Thanks

[toddca]

Not sure how I get around blocking for a resource, when my page loads I have script which sometimes runs which needs to show the user a message (error/warning, etc) this script calls into my wrapper to load the string resources for the dismiss buttons on the dialog being created. If I show the message before the resources are fully loaded I get the key of the message rather than the message string.