Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: DIV enable
 
 автор: akaMANIAK   (11.11.2007 в 22:04)   письмо автору
 
 

Нужно организовать сл. вещь:

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

   
 
 автор: ddhvvn   (11.11.2007 в 22:45)   письмо автору
 
   для: akaMANIAK   (11.11.2007 в 22:04)
 

Пример на бесконечное число слоев:


<script>
function change(elem)
{
  if (document.getElementById("ch"+elem).checked == false)
  {
    document.getElementById("d"+elem).style.display = 'none';
    document.getElementById("ch"+elem).checked = false;
  }
  else
  {
    document.getElementById("d"+elem).style.display = 'block';
    document.getElementById("ch"+elem).checked = true;
  }
}
</script>

<input type="checkbox" id="ch1" onclick="change(1);" checked>Показывать d1
<div id="d1">content 1</div>
<br>
<input type="checkbox" id="ch2" onclick="change(2);" checked>Показывать d2
<div id="d2">content 2</div>
...


P.S.: прочитал Ваше сообщение невнимательно, поэтому у меня наоборот - при активации чекбокса див становится видимым, но я думаю, Вы это уже сами исправите :)

   
 
 автор: akaMANIAK   (11.11.2007 в 23:39)   письмо автору
 
   для: ddhvvn   (11.11.2007 в 22:45)
 

Спасибо!

document.getElementById("d"+elem).style.display

Это я изменяю div. А как добраться до <input>, например изменить у определенного inputa - type.

   
 
 автор: bronenos   (12.11.2007 в 00:03)   письмо автору
 
   для: akaMANIAK   (11.11.2007 в 23:39)
 

хм... кажись, тайп только для чтения...

   
 
 автор: ddhvvn   (12.11.2007 в 19:52)   письмо автору
 
   для: bronenos   (12.11.2007 в 00:03)
 

А зачем менять тип???

Можно, конечно, сделать так:
<html>
<body>
<a href="javascript:void(null);" onclick="this.outerHTML='<textarea>Теперь это textarea</textarea>';">сейчас это ссылка</a>
</body>
</html>

Но неужели это ТАК нужно? :)

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования