Выделение используемого раздела

insy · March 22, 2010

Доброго времени суток!!!

Народ , подскажите пожалуйста как пустить id по switch'у ?

Я хочу, чтобы в зависимости от того на ссылку с каким id нажали, происходила фиксация данного раздела и выделение его цветом.

<ul>
		<li><a href="#" id ="friends"  onclick="showContent('<?=site_url('main/friends');?>');" title=""><b>Н</b>аши Друзья</a></li>	
                <li><a href="#" id ="gb"       onclick="showContent('<?=site_url('main/guest');?>');" title=""><b>Г</b>остевая книга</a></li>
                <li><a href="#" id ="contacts" onclick="showContent('<?=site_url('main/contacts');?>');" title=""><b>К</b>онтакты</a></li>
	</ul>

Все соответственно придется прописывать в showContent() то есть просто на onclick повесить нельзя, собственно в этом и проблема

Great Rash · March 22, 2010

Вам синтаксис свича нужет чтоли?

switch (id) {
	case 'friends':
		//что-то
	break;
	case 'gb':
		//что-то
	break;
	case 'contacts':
		//что-то
	break;
}

insy · March 22, 2010

Вам синтаксис свича нужет чтоли?

switch (id) {
	case 'friends':
		//что-то
	break;
	case 'gb':
		//что-то
	break;
	case 'contacts':
		//что-то
	break;
}

это понятно, меня интересует, что прописать в начален свича в переменной id, чтобы он мог его определить...

Nekromancer · March 23, 2010

так

showContent.call(this,'<?=site_url('main/contacts');?>');

внутри функции this - это ссылка, тоесть this.id = айди ссылки

Great Rash · March 23, 2010

Вообще тут по моему свич не нужен. Можно найти на странице <ul>, а потом циклом for бужать внутри по ссылкам.

Nekromancer · March 23, 2010

Вообще тут по моему свич не нужен. Можно найти на странице <ul>, а потом циклом for бужать внутри по ссылкам.

И что по вашему быстрее? Каждый раз пробегаться циклом по дом или один раз сопоставить в свитче и применить действие к уже выбранному элементу?

Edited March 23, 2010 by Nekromancer

Great Rash · March 23, 2010

Ради трех элементов не вижу смысла отказываться от пробегания каждый раз.

insy · March 23, 2010

Огромное спасибо! Nekromancer в точку

Вопрос закрыт.

Nekromancer · March 23, 2010

Ради трех элементов не вижу смысла отказываться от пробегания каждый раз.

Не вижу смысла вообще его использовать. Вы просто не понимаете, что переход между JavaScript - DOM занимает время.. а зачем это делать, если можно обойтись без этого? Чуть-чуть тут.. чуть-чуть там.. и так соберётся приличный застой.. а потом будите удивляться, куда уходит вся производительность..

Настоящий программист смотрит вперёд, а не думает только о текущей задачи.

insy · March 28, 2010

прошу прощения за глупый вопрос, но все же пришлось вернуться к данной теме!

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

Как сделать, чтобы стиль присваивался только к одному элементу, на который в данный момент и нажал пользователь?

Great Rash · March 29, 2010

Как я и говорил без цикла for не обойтись.

insy · March 29, 2010

а можно простой пример...

Great Rash · March 29, 2010

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>An XHTML 1.0 Strict standard template</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
			font: 12px Tahoma, Arial, sans-serif;
		}

		body {
			margin: 10px;
		}

		a {
			color: black;
		}

		.active {
			color: red;
		}
	</style>

	<script type="text/javascript">
		function LinksSwitch(elem) {
			this.elem = typeof elem == 'string' ? document.getElementById(elem) : elem;
			this.lnks = this.elem.getElementsByTagName('a');
		}

		LinksSwitch.prototype.setStyle = function(elem) {
			for (var i = 0; i < this.lnks.length; i++) {
				this.lnks[i].className = '';
			}

			elem.className = 'active';
		}

		LinksSwitch.prototype.setListeners = function() {
			var prnt = this;

			for (var i = 0; i < this.lnks.length; i++) {
				(function(i) {
					prnt.lnks[i].onclick = function() {
						prnt.setStyle(this);
					}
				})(i);
			}
		}

		window.onload = function() {
			var obj = new LinksSwitch('l');
			obj.setListeners();
		}
	</script>
</head>

<body>

	<div id="l">
		<a href="#">ссылка</a><br />
		<a href="#">ссылка</a><br />
		<a href="#">ссылка</a><br />
		<a href="#">ссылка</a><br />
		<a href="#">ссылка</a><br />
		<a href="#">ссылка</a><br />
		<a href="#">ссылка</a><br />
	</div>

</body>
</html>

insy · March 29, 2010

Спасибо!

Sign In

Выделение используемого раздела

Question

Link to comment

Share on other sites

13 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information