JQuery — Как изменить текст блока в зависимости от языка страницы?

Question

[Сергей Dydaevskiy]

Здравствуйте друзья, необходимо отобразить в футере информацию в зависимости от языка страницы,а точнее от атрибута language.
Сейчас имею вот такой код:

jQuery(document).ready(function($){
   
        //$('span#raznuyfuter').each(function () {
        //$(window).load(function () {
		//EN
          if ($( 'html:lang(en-gb)')) {
            $('span#raznuyfuter').text('ENGLISH TEXT');
			$('span#vtoroydiv').text('Development and design of website');
          }
		//RU
		else if ($( 'html:lang(ru-ru)')) {
            $('span#raznuyfuter').text('РУССКИЙ ТЕКСТ');
            $('span#vtoroydiv').text('Разработка и дизайн сайта');
          }
		//UK
		else {
            $('span#raznuyfuter').text('УКРАЇНСЬКИЙ ТЕКСТ');
            $('span#vtoroydiv').text('Розробка та дизайн сайту');
          }
        //});


		});

Где-то ошибка в if else. Не могу понять где.
Всем ответившим спасибо.

Answer 1

[Денис]

if($( 'html:lang(en-gb)').length) {
    // do something
}

И еще, в вашем случае, наверно лучше сократить код языка до двухбуквенного: en. Тогда и lang="en-gb" и lang="en" подхватятся:

if($( 'html:lang(en)').length) {
    // do something
}

Comments

[Сергей Dydaevskiy]

Спасибо огромное, но я упорно туплю (по ходу пора спать)

jQuery(document).ready(function($){
   
        //$('span#raznuyfuter').each(function () {
        //$(window).load(function () {
    //EN
         if($( 'html:lang(en)').length) {
            $('span#raznuyfuter').text('ENGLISH TEXT');
      $('span#vtoroydiv').text('Development and design of website');
          }
    //RU
    else {
           if($( 'html:lang(ru)').length) {
                    $('span#raznuyfuter').text('РУССКИЙ ТЕКСТ');
                    $('span#vtoroydiv').text('Разработка и дизайн сайта');
                  };
            //UK
            else if($( 'html:lang(uk)').length) {
                    $('span#raznuyfuter').text('УКРАЇНСЬКИЙ ТЕКСТ');
                    $('span#vtoroydiv').text('Розробка та дизайн сайту');
                  };
                //});
         };

    });

[Денис]

Сергей Dydaevskiy:

if ($('html:lang(en)').length) {
    $('span#raznuyfuter').text('ENGLISH TEXT');
    $('span#vtoroydiv').text('Development and design of website');
} else if ($('html:lang(ru)').length) {
    $('span#raznuyfuter').text('РУССКИЙ ТЕКСТ');
    $('span#vtoroydiv').text('Разработка и дизайн сайта');
} else if ($('html:lang(uk)').length) {
    $('span#raznuyfuter').text('УКРАЇНСЬКИЙ ТЕКСТ');
    $('span#vtoroydiv').text('Розробка та дизайн сайту');
}

[Stalker_RED]

Сергей Dydaevskiy: На самом деле, правильным решением будет выбросить этот велосипед и посмотреть на готовые решения. Вы же не думаете, что вы первый в мире человек, который решил прикрутить интернационализацию?

гугл: i18n

[Сергей Dydaevskiy]

Денис: Спасибище! Заработало. Блин нужно все таки сеть и по человечески изучить правила jQuery. Хорошего дня, и еще раз спасибо.

[Сергей Dydaevskiy]

Stalker_RED: Спасибо за потраченное на меня время, отдельное спасибо за поисковый запрос. Буду изучать.

Answer 2

[Stalker_RED]

Вместо конструкций типа $( 'html:lang(ru-ru)') используйте
$('html').attr('lang') === 'ru-ru'
Потому что даже if ($('zzzz')) всегда будет срабатывать, там же jQuer-объект, даже если ничего не найдено.

Comments

[Сергей Dydaevskiy]

Спасибо за Ваш ответ

[Stalker_RED]

Сергей Dydaevskiy: можно переделать как-то так:

var lang = $('html').attr('lang');
switch(lang) {
  case 'en':
    $('span#raznuyfuter').text('ENGLISH TEXT');
    $('span#vtoroydiv').text('Development and design of website');
  case 'ua':
    $('span#raznuyfuter').text('УКРАЇНСЬКИЙ ТЕКСТ');
    $('span#vtoroydiv').text('Розробка та дизайн сайту');
  case 'ru':
  default:
    $('span#raznuyfuter').text('РУССКИЙ ТЕКСТ');
    $('span#vtoroydiv').text('Разработка и дизайн сайта');
}

[Danila]

а еще лучше так

var localize = {
	en: {
		label: 'ENGLISH TEXT',
		text: 'Development and design of website'
	},
	ru: {
		label: 'РУССКИЙ ТЕКС',
		text: 'Разработка и дизайн сайта'
	},
	uk: {
		label: 'УКРАЇНСЬКИЙ ТЕКСТ',
		text: 'Розробка та дизайн сайту'
	}
}

var lang = $('html').attr('lang');

if (lang && localize[lang]) {	
	$('span#raznuyfuter').text(localize[lang].label);
	$('span#vtoroydiv').text(localize[lang].text);
}