JS (раскрыть/скрыть) Как сделать чтобы список раскрывался со сменой ссылки

#1 vitsn

Неактивные
17 сообщений

Репутация: 0

Отправлено 16 Март 2012 - 00:02

Всех приветствую.
Мне нужна помощь в написании скрипта. Имеется исходник.
В исходнике требуются изменения:
Сделать так, чтобы при нажатии на ссылку слово "раскрыть" менялось на "скрыть", а слово "список" не менялось.

Прикрепленные файлы

Исходник.rar 754байт Количество загрузок: 74

robot

Пользователь PRO
2 652 сообщений

Репутация: 85

Советую обратить внимание на следующее:

#2 balby

Неактивные
6 сообщений

Репутация: 1

Отправлено 17 Март 2012 - 11:13

в script.js добавь эту функцию

function showHideText(idName,textShow,textHide){
	 obj = document.getElementById(idName);
	 switch(obj.innerHTML){
		  case textShow:
			   obj.innerHTML = textHide;
		  break;
		  case textHide:
			   obj.innerHTML = textShow;
		  break;
		  default:
			   obj.innerHTML = textHide;
		  break;
	 }
}

и в index.htm замени

<a onclick="showHide('chisla');showHideText('showtext','Раскрыть','Скрыть');" style="cursor:pointer; color: #3939FF;">
		  <span id="showtext">Раскрыть</span> - Список
</a>

#3 vitsn

Topic Starter

Неактивные
17 сообщений

Репутация: 0

Отправлено 17 Март 2012 - 14:34

Не работает. Проверил на правильность выполнения действий несколько раз, скопировал все куда надо, а работать не хочет во всех браузерах.
Развернуть не меняется на свернуть и DIV не раскрывается. Спасибо за желание помочь

#4 balby

Неактивные
6 сообщений

Репутация: 1

Отправлено 17 Март 2012 - 19:24

блин, не могу прикрепить файлы

вот, проверяй

Прикрепленные файлы

Исходник.rar 16,28К Количество загрузок: 151

#5 yury

Пользователь
642 сообщений

Репутация: 188

Отправлено 17 Март 2012 - 21:31

uebalby,
60кб, чтобы скрыть/показать кусок текста?

<html>
<head>
<title>Show/Hide</title>
<script type="text/javascript">
function show_hide (id) {
if (document.getElementById("hidden_" + id).style.display == "none") {
	document.getElementById("hidden_" + id).style.display = "block";
	document.getElementById("lnk_" + id).innerHTML = "Скрыть список";
}
else {
	document.getElementById("hidden_" + id).style.display = "none";
	document.getElementById("lnk_" + id).innerHTML = "Раскрыть список";
}
}
</script>
</head>
<body>
<a href="javascript:show_hide('1');" id="lnk_1">Раскрыть список</a>
<div id="hidden_1" style="display:none">
1 <br>
2 <br>
3 <br>
4 <br>
5 <br>
6
</div>
</body>
</html>

#6 vitsn

Topic Starter

Неактивные
17 сообщений

Репутация: 0

Отправлено 17 Март 2012 - 23:30

блин, не могу прикрепить файлы

вот, проверяй

Это тот же самый код и он не работает, а вот код Юрия работает.
Много я сил потратил чтобы самостоятельно сделать. Пока, что я в JS слабоват.
Проблема решена спасибо.

#7 balby

Неактивные
6 сообщений

Репутация: 1

Отправлено 18 Март 2012 - 04:21

uebalby,
60кб, чтобы скрыть/показать кусок текста?

я не собираюсь учить как правильно кодить, ТС дал пример, я его доделал и отдал.

JS (раскрыть/скрыть) Как сделать чтобы список раскрывался со сменой ссылки

#1 vitsn

Прикрепленные файлы

robot

#2 balby

#3 vitsn

#4 balby

Прикрепленные файлы

#5 yury

#6 vitsn

#7 balby

Войти