Динамическая подстановка 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>

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

[psywalker]

Наверное лучше сделать так

<ul id="menu">
		<li class="active"><a href="#" accesskey="1" title="Главная" onclick="loadmenu(this)">Главная</a></li>
		<li><a href="#" accesskey="2" title="Заказать" onclick="loadmenu(this)">Заказать</a></li>		
	</ul>

 function loadmenu(node){
	var menu = document.getElementById('menu')
	var li = menu.getElementsByTagName('li')


		if(node.parentNode.className == ''){
			for(var i = 0; i<li.length;i++){
				li.item(i).className = ''
			}
			node.parentNode.className = 'active'
		}


}

[slavok47]

И правда лучше)) Спасибо!

[psywalker]

И правда лучше)) Спасибо!

да фигня, не за что.

[slavok47]

ххм.. работает, только почему то на главную возвращает

http://www.stil-master.ru/static/index.html

[Great Rash]

Дык это ж яваскрипт! Загружается новая страница, соответственно все и сбивается. А чего вы ожидали?

[slavok47]

Дык это ж яваскрипт! Загружается новая страница, соответственно все и сбивается.

Эт я уже понял)), вылечить както можно?

Edited February 1, 2010 by slavok47

[psywalker]

ххм.. работает, только почему то на главную возвращает

http://www.stil-master.ru/static/index.html

попробуй после каждого вызова функции в ссылке написать onclick="loadmenu(this) return false;

[rus]

<title> - порадовал

[slavok47]

попробуй после каждого вызова функции в ссылке написать onclick="loadmenu(this) return false;

a href="http://www.stil-master.ru/static/index.html" onclick="loadmenu(this) return false;" title="Главная">Главная</a>

не работает

<title> - порадовал

Так и знал ржать будут кто заметит)))

[psywalker]

a href="http://www.stil-master.ru/static/index.html" onclick="loadmenu(this) return false;" title="Главная">Главная</a>

не работает

ой, забыл точку с запятой перед return false;

должно быть так onclick="loadmenu(this); return false;

[slavok47]

ой, забыл точку с запятой перед return false;

должно быть так onclick="loadmenu(this); return false;

не работет

[psywalker]

не работет

Не правда, ретурн фэлс именно поставь, а не ретурн 0

[slavok47]

так и делал, опять так сделал, не переходит по страницам

[Great Rash]

Блин, ну вы че товарищи... страница же перезагружается! Скрипт будет каждый раз отрабатывать заново.

slavok47, поймите, что это не решается клиентским скриптом. Точнее тут нужна связка - яваскрипт + серверный скрипт.

[psywalker]

Блин, ну вы че товарищи... страница же перезагружается! Скрипт будет каждый раз отрабатывать заново.

а какой выход тогда?

[Great Rash]

а какой выход тогда?

Есть решение на чистом JS. Надо передавать ссылку на страницу вида http://адрес.ru/страница.html?id=1, где id будет все время меняться в зависимости от того какую ссылку надо подсветить. А потом надо парсить урл и, получив id, подсвечивать ту или иную ссылку.

[psywalker]

Есть решение на чистом JS. Надо передавать ссылку на страницу вида http://адрес.ru/страница.html?id=1, где id будет все время меняться в зависимости от того какую ссылку надо подсветить. А потом надо парсить урл и, получив id, подсвечивать ту или иную ссылку.

Ооо, ну это уже жестоко для меня, полнейший тёмный лес, так что извините.

[slavok47]

Ооо, ну это уже жестоко для меня, полнейший тёмный лес, так что извините.

Для меня тем более

[Great Rash]

Ниче сложного:

есть такой метод у объекта window, называется location, так вот window.location возвращает нам url

есть такой метод split, который разбивает строку по определенному разделителю и записывает совпадения в массив

пример:

есть строка - http://сайт/страница?блабла=блабла

var array = split('//', строка); выдаст массив из 2-х элементов - array[0] = 'http:', array[1] = 'сайт/страница?блабла=блабла'

делим еще раз

array = split('/', array[1]); выдаст массив из 2-х элементов - array[0] = 'сайт', array[1] = 'страница?блабла=блабла'

делим снова

array = split('?', array[1]); - получим array[0] = 'страница', array[1] = 'блабла=блабла';

надоело писать, думаю дальше не сложно догадаться...

Можно наверное и через регулярки сделать, но так проще.Так что парсить урлы легко.

[slavok47]

array = split('?', array[1]); - получим array[0] = 'страница', array[1] = 'блабла=блабла';

надоело писать, думаю дальше не сложно догадаться...

Можно наверное и через регулярки сделать, но так проще.Так что парсить урлы легко.

array = split('=', array[1]); - получим array[0] = 'блабла'; тоесть ID

типа того?

[Great Rash]

угу, ну а дальше проверяем, что к чему

[slavok47]

вопрос как сделать адрес такого вида)) http://сайт/страница?блабла=блабла

[Great Rash]

Упс напортачил, не window.location, а window.location.href

как сделать адрес такого вида)) http://сайт/страница?блабла=блабла

в ссылку напишите:

<a href="company.html?page=1">О компании</a>

Вот замутил пример скрипта, а то в посте все переврал...

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) {
		alert('Вы находитесь на первой странице\nid=' + id[1]);
	} else {
		alert('Вы находитесь на другой странице\nid=' + id[1]);
	}
}

getEmul('http://www.site.ru/page.html?id=2');

[slavok47]

Так с сылками понял, а с этим window.location.href что делать?

[Great Rash]

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