VPF::управление видимостью блока - Форум программистов

Andme

Дата 11.9.2007, 14:49 (ссылка)

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

Загрузка ...

Новичок

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

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

Есть такой кусочек кода:

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">

.style1 {
    color: #0000FF;
    font-weight: bold;
}
#UserNamePsw {
    position:relative;
    width:250px;
    height:110px;
    z-index:1;
    background-color: #FFFF99;
    visibility:hidden;
}
</style>
<script type="text/javascript" >

function ShowElement()
{
document.getElementById("UserNamePsw").style.visibility="visible";
}
</script>
<title>Untitled Document</title>
</head>

<body>
 <input name="Show" type="submit" onClick="ShowElement();" value="Show Element"  />
 <br ><br />
 <div id="UserNamePsw"><br>
  <form id="form2" name="form2" method="post" action="">
    <label>Name 
    <input type="text" name="textfield" />
    </label>
    <p>
      <label>Password
      <input name="textfield2" type="password" size="20" maxlength="12" />
      </label>
    </p>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
     <input type="submit" name="SaveUser" value="    Save User   " />
    </p>
    <br />
  </form>
</div>

</body>
</html>

Почему не отображается блок?
Как сделать включение видимости для блока?

Это сообщение отредактировал(а) Andme - 11.9.2007, 14:50

dsCode

Дата 11.9.2007, 16:29 (ссылка)

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 565
Регистрация: 8.9.2007
Где: Saint-Petersburg

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

Andme, Ваш код рабочий (только что проверил в IE(6), FireFox и Opera, ничего не менял - просто скопировал - по нажатию на копку появляется желтая форма). На всякий случай: лучше делать через свойство display:

Код


Obj.style.display = 'none'; // hide

Obj.style.display = ''; // block, inline... - show

--------------------

the .code inside
:my music

Andme

Дата 11.9.2007, 18:19 (ссылка)

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

Загрузка ...

Новичок

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

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

Тестирую под firefox - ничего не появляется
Пробовал и с блоками - ничего нет
Выскакивает какое то подовление popup окон и все исчезает опять.
Где это выключается для FF
я не знаю...

dsCode

Дата 11.9.2007, 21:17 (ссылка)

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 565
Регистрация: 8.9.2007
Где: Saint-Petersburg

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

Andme, какая версия FF? Через style.displya делали?
P.S.: все работает, что-то с FF у Вас (может, заражен =)).

--------------------

the .code inside
:my music

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