Как задать класс по умолчанию ?

Question

[Сергей Коваль]

Есть вот такой код. В стилях для класса active прописан filter:grayscale;

<div class="lang">
	<p>
		<a href="#">
			<img class="active" src="images/ua.png" height="24" width="24" ></a>
		<a href="#">
			<img class="active" src="images/uk.png" height="24" width="24"></a>
		<a href="#">
			<img class="active" src="images/ru.png" height="24" width="24"></a>
	</p>
</div>

R нему подключен этот код:

$(function(){
		    $('a').on('click',function(event){
		        $('a').removeClass('active');
		        $(this).addClass('active');
		   		 });
			});

Как сделать чтобы при переходе на страницу один из языков сразу был выбран(активирован), был цветным.
Ссылка на сайт

Answer 1

[Назар Мокринский]

При чем тут PHP?

Answer 2

[Michael Danilov]

Отвечал же уже:
в вашем PHP-коде, где происходит генерация блока с этими ссылками на языки, вам нужно дописывать к текущему языку (текущий брать из запроса или из параметров плагина, если данный блок рисуется плагином) класс `active`.
Javascript, который я привёл, это лишь эмуляция данного процесса. Как будто пользовать кликнул и ему перерисовалась вся страница.

Comments

[Сергей Коваль]

я прикреплял класс active к ссылкам, но так и ничего не происходило, после обновления они все равно становились черно-белыми...

Answer 3

[ixon]

Делаем класс active и вытягиваем из кук выбранную страну, если страны нет, ставим куку со страной по умолчанию, затем судя по этой куке присваиваем к одной из иконок класс active.
Можно при помощь jquery.cookie jquery.page2page.ru/index.php5/%D0%A0%D0%B0%D0%B1%...

<script>
if(!lang){//если пользователь первый раз на сайте
$.cookie('lang', 'ru');//ставим язык по умолчанию
}
var lang=$.cookie('lang');
$(".lang-"+lang).addClass( "active" );

function setlangu(e){
$.cookie('lang', e);
}
</script>
<div class="lang">
	<p>
		<a onclick="setlangu(ua)" href="javascript://">
			<img class="lang-ua" src="images/ua.png" height="24" width="24" ></a>
		<a onclick="setlangu(uk)" href="javascript://">
			<img class="lang-uk" src="images/uk.png" height="24" width="24"></a>
		<a onclick="setlangu(ru)" href="javascript://">
			<img class="lang-ru" src="images/ru.png" height="24" width="24"></a>
	</p>
</div>

Comments

[Сергей Коваль]

а вот это уже интересно, а как такое сделать ?

[ixon]

@Shadow_wayfarer ща отдельно напишу. А то тут код преобразуется.

[Сергей Коваль]

@ixon что-то в стилях нужно изменять ?

[Сергей Коваль]

@Shadow_wayfarer потому что оно не работает

Answer 4

[Виталий Желтяков]

У Вас логика попутана.
Во-первых:

$(function(){
		    $('img', '.lang').on('click',function(event){
		        $('img', '.lang').addClass('active');
		        $(this).removeClass('active');
		   		 });
			});

Во-вторых:

<img src="images/ru.png" height="24" width="24"></a>

Comments

[Сергей Коваль]

эта конструкция не работает...