Перейти к содержимому

Реферальная программа Мегаплана


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

#1 vitsn

vitsn
  • Пользователь
  • 17 сообщений
  • Репутация: 0
0

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

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

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


 

 

  • 0

#2 balby

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>

  • 0

#3 vitsn

vitsn
    Topic Starter
  • Пользователь
  • 17 сообщений
  • Репутация: 0

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

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

#4 balby

balby
  • Пользователь
  • 6 сообщений
  • Репутация: 1

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

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

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

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


  • 0

#5 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 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>

  • 1

#6 vitsn

vitsn
    Topic Starter
  • Пользователь
  • 17 сообщений
  • Репутация: 0

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

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

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


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

#7 balby

balby
  • Пользователь
  • 6 сообщений
  • Репутация: 1

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

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

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


Оформление форума – IPBSkins.ru