VPF::скрытие, показание слоя - Форум программистов

nz1

Дата 3.4.2008, 22:49 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 43
Регистрация: 13.1.2008

Репутация: нет
Всего: нет

нужен скрипт, который скрывает и одновременно показывает один из двух слоев по коду:

Код


<form name="form1" method="post" action="" >
  <input type="radio" name="radiobutton" value="0">
  картинка 
  <input type="radio" name="radiobutton" value="1">
  mp3-файл 
</form>

<div id="Layer1">Первый текст</div>
<div id="Layer2" style="display: none">Второй текст </div>

Первый текст - выводится по-умолчанию

пробовал взять код и сделать так:

Код


  <input type="radio" name="radiobutton" value="1" onclick="MM_changeProp('Layer2','','style.display','visible','DIV')">

в хедере:

Код


<script language="JavaScript">
function MM_changeProp(objName,x,theProp,theValue) { //v3.0
  var obj = MM_findObj(objName);
  if (obj && (theProp.indexOf("style.")==-1 || obj.style)) eval("obj."+theProp+"='"+theValue+"'");
}
</script>

не то, так как тут должно быть два действия одновременно

timon1410

Дата 3.4.2008, 23:03 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 20
Регистрация: 31.3.2008

Репутация: нет
Всего: нет

Код


function toggleLayers(lshow, lhide){
   MM_changeProp(lshow,'','style.display','block');
   MM_changeProp(lhide,'','style.display','none');
}

Код


 <input type="radio" name="radiobutton" value="0" onclick="toggleLayers('Layer1','Layer2');">
 <input type="radio" name="radiobutton" value="1" onclick="toggleLayers('Layer2','Layer1');">

nz1

Дата 4.4.2008, 11:34 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 43
Регистрация: 13.1.2008

Репутация: нет
Всего: нет

timon1410, спасибо, но что-то не сработало

bars80080

Дата 4.4.2008, 12:00 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315

а если проще:

Код

<script>
function showhid(x, y) {
    if(y == 1) a = 'block';
    else a = 'none';
    document.getElementById(x).style.display = a; }
</script>

<form name="form1" method="post" action="" >
  <input type="radio" name="radiobutton" value="0" onclick="showhid('Layer1', 1); showhid('Layer2', 0);" />
  картинка 
  <input type="radio" name="radiobutton" value="1" onclick="showhid('Layer2', 1); showhid('Layer1', 0);" />
  mp3-файл 
</form>
<div id="Layer1">Первый текст</div>
<div id="Layer2" style="display: none">Второй текст </div>

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »