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



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

#1

Поделиться сообщением #1



vitsn

vitsn
  • Неактивные
  • 17 сообщений
  • Репутация: 0
0

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

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

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


 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Плавное открытие/скрытие блоков
  2. Как сделать так, чтобы диалог печати открывался сразу же при нажатии кнопки "печать"
  3. Скрытие блока при клике вне его области JavaScript
  4. JavaScript скрыть показать блок, при открытии одного, другие скрываются, как?
  5. Эффективно ли скрытие ссылок через js?

#2

Поделиться сообщением #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

Поделиться сообщением #3



vitsn

vitsn
    Topic Starter
  • Неактивные
  • 17 сообщений
  • Репутация: 0

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

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

#4

Поделиться сообщением #4



balby

balby
  • Неактивные
  • 6 сообщений
  • Репутация: 1

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

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

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

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


  • 0

#5

Поделиться сообщением #5



yury

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

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

Поделиться сообщением #6



vitsn

vitsn
    Topic Starter
  • Неактивные
  • 17 сообщений
  • Репутация: 0

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

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

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


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

#7

Поделиться сообщением #7



balby

balby
  • Неактивные
  • 6 сообщений
  • Репутация: 1

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

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

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


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