Javascript.RU

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

При клике на ссылку показывать определенный div id
Здравсвуйте!

Пользуясь данным скриптом

window.onload= function() {
	document.getElementById('toggler').onclick = function() {
		openbox('box', this);
		return false;
	};
};
function openbox(id, toggler) {
	var div = document.getElementById(id);
	if(div.style.display == 'block') {
		div.style.display = 'none';
		toggler.innerHTML = 'Открыть';
	}
	else {
		div.style.display = 'block';
		toggler.innerHTML = 'Закрыть';
	}
}


Делаю вывод скрытого дива.

//
<a href="$ENTRY_URL$">$TITLE$</a> | <a href="#" id="toggler">Ссылка, при которой открывается скрытый див</a>

<div id="box" style="display: none;">
Скрытый див......
</div>

Но почему-то это работает только на самую первыю ссылку в списке, как сделать что-бы работало на все.

Последний раз редактировалось noobasik, 17.11.2012 в 05:24.
Ответить с цитированием
  #2 (permalink)  
Старый 17.11.2012, 04:49
Интересующийся
Отправить личное сообщение для noobasik Посмотреть профиль Найти все сообщения от noobasik
 
Регистрация: 24.07.2010
Сообщений: 20

Каждая ссылка вначале кода имеет div id.

<div id="entryID105">
</div>


Работает скрипт всегда только на последний добавленный div id.

Последний раз редактировалось noobasik, 17.11.2012 в 05:59.
Ответить с цитированием
  #3 (permalink)  
Старый 17.11.2012, 11:57
Профессор
Отправить личное сообщение для Hoshinokoe Посмотреть профиль Найти все сообщения от Hoshinokoe
 
Регистрация: 08.01.2012
Сообщений: 253

noobasik,

Вам нужно передавать id блока, который вы хотите показать/скрыть при клике на ссылку.

<a href="#" id="toggler" onclick="toggle('box', this);">Ссылка, при которой открывается скрытый див</a>

<div id="box" style="display: none;">
Скрытый див......
</div>

function toggle(id, link) {
	openbox(id, link);
	return false;
}

function openbox(id, toggler) {
	var div = document.getElementById(id);
	if(div.style.display == 'block') {
		div.style.display = 'none';
		toggler.innerHTML = 'Открыть';
	}
	else {
		div.style.display = 'block';
		toggler.innerHTML = 'Закрыть';
	}
}
Ответить с цитированием
  #4 (permalink)  
Старый 18.11.2012, 05:32
Интересующийся
Отправить личное сообщение для noobasik Посмотреть профиль Найти все сообщения от noobasik
 
Регистрация: 24.07.2010
Сообщений: 20

Спасибо уже разобрался
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Присваивание класса при нажатии на ссылку skorpeeon Элементы интерфейса 10 25.07.2013 20:07
При нажатии на ссылку раскрываются все div anonimous jQuery 1 09.08.2012 14:49
Изменение фона элемента при клике. psydo Элементы интерфейса 8 28.06.2012 23:53
Cкрипт сохранения при клике на ссылку alerzo Events/DOM/Window 4 08.05.2011 21:39
при нажатии на картинку(типа кнопки) скрывать и показывать DIV Russianmaniac Элементы интерфейса 4 28.11.2010 00:47