Динамическая подстановка class

[slavok47]

<ul>
		<li id="test" class="active"><a href="xXXXXXXXXXXX" accesskey="1" title="Главная" onclick="loadmenu">Главная</a></li>
		<li id="test1"><a href="XXXXXXXXXXXXXX" accesskey="2" title="Заказать">Заказать</a></li>		
	</ul>

Вопрос, как сделать чтобы при нажатии заказать, class="active" присваивался к этому li, а с первого убирался,

дуамю примерно должно выглядеть так

<script type="text/javascript">   
	  function loadmenu() {		
			var menuName = .......................		   
			document.getElementById("test").class = .....;				
		 }
	  </script>

хотя помоему это не то

[slavok47]

я ж написал пример скрипта

одновременно писали))

хм, дак он так страницы не находит

[Great Rash]

Быть такого не может, последовательность действий и код в студию.

[slavok47]

а дак без кода ссылки такого вида http://www.site.ru/page.html?id=2 и не будет видеть?

[Great Rash]

Почему не будет?... ничего не понял

[slavok47]

ну к ссылке добавил ?id=1, говорить что нет такой страницы

[Great Rash]

Видимо в движке уже юзается переменная id

это легко увидеть через файербаг во вкладке "Консоль", если раскрыть GET или POST запрос

нужно просто использовать другое имя переменнй например такое:

http://www.stil-master.ru/static/index.html?page=1

[slavok47]

да с page открываются страницы

[slavok47]

а Алерты в коде для проверки?

[Энди]

хг.там типице голову коцнуло)))

извините за офтоп.мне кажетсо надо это исправить)

Edited February 2, 2010 by Энди

[Great Rash]

Да, алерты просто для наглядности. И еще, я бы не использовал в итоговом коде конструкцию if/else, а лучше бы воспользовался switch/case. Так наверное удобней будет. Типа:

switch (page[1]) {
	case 1:
		//делаем что-то для page=1
		break;
	case 2:
		//делаем что-то для page=2
		break;
	...
	case n:
		//делаем что-то для page=n
		break;
	default:
		//дефолтное состояние меню
}

[slavok47]

попробовал так

function getEmul(str) {
	var url = str || window.location.href;
	url = url.slice(7, url.length);

	var array = url.split('?');
	var id = array[1].split('=');

	if (id[1] == 1) {
	   document.getElementById("test1").class = 'active';
	} else {
		document.getElementById("test2").class = 'active';
	}
}

не получилось (походу я не в ту сторону пошел), а с case/break пока не знаком,

кстати алерты показывали на какой я странице

[Great Rash]

Ну вроде все правильно, а как вызывалась функция?

а с case/break пока не знаком

Я ж вроде расписал, синтаксис. Чего не ясно?

[slavok47]

Ну вроде все правильно, а как вызывалась функция?

а блин, к ссылкам onchange же еще нужно добавить?

[Great Rash]

Нет, эту функцию надо вызывать на событие load у объекта window.

вот так:

window.onload = function() {
	getEmul();
}

[slavok47]

а почему тогда алерты срабатывали?

[Great Rash]

Откуда я знаю, я ж так и не понял как вы вызываете функцию.

[slavok47]

Откуда я знаю, я ж так и не понял как вы вызываете функцию.

никак, посто вставил скрипт в боди и все

[Justnewone]

никак, посто вставил скрипт в боди и все

Вот так и вызывается )))

[slavok47]

алерты работают, классы нет, что то не правильно...

[Great Rash]

Все неправильно... господи, ну не могу же я вам готовый пример собирать. Уже, вроде как, все рассказал, что только можно.

Ссылку дайте на страницу куда вы скрипт цепляете.

[slavok47]

Ссылку дайте на страницу куда вы скрипт цепляете.

http://www.stil-master.ru/static/index.html?page=1

[Great Rash]

<script language="JavaScript"> 
window.onload = function()
{ 
  loaded_bad();
}
</script> 
<script language="JavaScript"> 
function loaded_bad()
{ 
   var url = window.location.href;
   url = url.slice(7, url.length);

   var array = url.split('?');
   var id = array[1].split('=');

   if (id[1] == 1) {

	   document.getElementById("test1").class = 'active';
	} else {

	  document.getElementById("test2").class = 'active';
	}


}
</script>

заменить на:

<script type="text/javascript"> 
function loaded_bad()
{ 
   var url = window.location.href;
   url = url.slice(7, url.length);

   var array = url.split('?');
   var id = array[1].split('=');

   if (id[1] == 1) {

	   document.getElementById("test1").class = 'active';
	} else {

	  document.getElementById("test2").class = 'active';
	}


}

window.onload = function()
{ 
  loaded_bad();
}
</script>

[slavok47]

не работет