Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.12.2011, 18:54
Новичок на форуме
Отправить личное сообщение для deeand Посмотреть профиль Найти все сообщения от deeand
 
Регистрация: 12.12.2011
Сообщений: 6

Как сделать смену языков iPhone-чекбоксом?
Всем привет!
Имеется сайт, поддерживающий русский и английский языки.
Вопрос: Возможно ли сделать переключение языков при помощи iPhone-чекбокса?

В jQuery не силен.
Функция:
(function($){
	$.fn.tzCheckbox = function(options){
		
		// Default On / Off labels:
		
		options = $.extend({
			labels : ['ON','OFF']
		},options);
		
		return this.each(function(){
			var originalCheckBox = $(this),
				labels = [];

			// Checking for the data-on / data-off HTML5 data attributes:
			if(originalCheckBox.data('on')){
				labels[0] = originalCheckBox.data('on');
				labels[1] = originalCheckBox.data('off');
			}
			else labels = options.labels;

			// Creating the new checkbox markup:
			var checkBox = $('<span>',{
				className	: 'tzCheckBox '+(this.checked?'checked':''),
				html:	'<span class="tzCBContent">'+labels[this.checked?0:1]+
						'</span><span class="tzCBPart"></span>'
			});

			// Inserting the new checkbox, and hiding the original:
			checkBox.insertAfter(originalCheckBox.hide());

			checkBox.click(function(){
				checkBox.toggleClass('checked');
				
				var isChecked = checkBox.hasClass('checked');
				
				// Synchronizing the original checkbox:
				originalCheckBox.attr('checked',isChecked);
				checkBox.find('.tzCBContent').html(labels[isChecked?0:1]);
			});
			
			// Listening for changes on the original and affecting the new one:
			originalCheckBox.bind('change',function(){
				checkBox.click();
			});
		});
	};
})(jQuery);

Скрипт:
$(document).ready(function(){
	
	$('input[type=checkbox]').tzCheckbox({labels:['Enable','Disable']});
});

На html-странице:
...<body>
        <div id="menu">
        <form method="get" action="./">
            <input type="checkbox" checked="checked" id="ch_menu" name="ch_menu" data-on="RUS" data-off="ENG" />
            
  </form>
			<a href="index.php?lang=english">English</a>
			<a href="index.php?lang=russian">Russian</a>
		</div>...


Может кто знает как это сделать? Спасибо!

Последний раз редактировалось deeand, 12.12.2011 в 19:03.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как убрать hover? Либо как сделать стрелки статичными? krusty36 Элементы интерфейса 1 13.07.2011 09:20
Как лучше сделать виджет? comentator Элементы интерфейса 0 25.03.2011 08:44
Как сделать, чтобы при наведении на кнопку справа от нее появлялись текстовые ссылки? Tass Общие вопросы Javascript 7 17.02.2011 09:06
Как можно сделать подгрузку и смену изображения без перезагрузки страницы с другого Евгений Болгов jQuery 11 21.10.2010 18:18
Как сделать смену картинки при выборе radio RomanS Элементы интерфейса 1 11.12.2009 00:50