VPF::CSS - Форум программистов

Ярик

Дата 14.6.2005, 00:55 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

объвлен слой

Код


#search
{
  
        z-index: 10;
        position: absolute;
        top: 200px;
        left:200px;
        visibility: hidden;
        border-style: double; 
}

Код


<DIV ID="search" style="width: 2; height: 72">
<TABLE BGCOLOR="#FFFFFF" CELLPADDING="10" BORDER="2"><TR><TD>
<H3>search</H3>
<FORM ACTION="cgi-bin/find.pl" METHOD="post">
       <IMG SRC="d:/site/find.gif" ALT="find" width="90"  height="18"  BORDER="0" >
        <TABLE><TR>
                           <TD VALIGN="middle"><INPUT TYPE="text"
                              SIZE=30 NAME="searchString" ></TD>
                             <TD VALIGN="middle"><INPUT TYPE="image"
                             SRC="d:/site/find.gif" BORDER="0" </TD width="90" height="18">
                             </TD></TR></TABLE>
</FORM>
<A HREF="javascript:hideLayer('search')">
Close this window </A>
</TD></TR></TABLE>
</DIV>

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

Это сообщение отредактировал(а) Aliance - 16.6.2005, 12:59

Рыжий

Дата 14.6.2005, 01:08 (ссылка)

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

Загрузка ...

Помешанный

Профиль
Группа: Завсегдатай
Сообщений: 1423
Регистрация: 19.9.2004

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

видимость слоя конечно же лучше через
.style.visibility="visible"/"hidden"

PARROT

Дата 14.6.2005, 01:21 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Экс. модератор
Сообщений: 2339
Регистрация: 5.1.2005
Где: Спб-ЦарьГрад

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

Ярик, пользуйся кнопкой Код, наверху.
так:

Код


тут код. Это для удобочитаемости кода.

И регистрируйся. Тут тебе помогут! smile

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

Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!

Black

Дата 14.6.2005, 12:05 (ссылка)

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

Загрузка ...

Web-Development

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

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

Цитата

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

вот так:

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
 <title>:::</title>

<style type='text/css'>
.search
{
position: absolute;
top: 200px;
left:200px;
visibility: hidden;
border-style: double;
padding: 10px;
}
</style>
</head>

<body>

<div id='div' class='search'>
  <h3>Search</h3>

  <form action='cgi-bin/find.pl' method='post'>
  <img src='d:/site/find.gif' alt='find' width='90' height='18' border='0' />
  <input type='text' size='30' name='searchstring' />
  <input type='image' src='d:/site/find.gif' style='border-width: 0px;' />
  </form>

  <button onclick="document.getElementById('div').style['visibility']='hidden';">Скрыть</button>
</div>

<button onclick="document.getElementById('div').style['visibility']='visible';">Показать</button>

</body>
</html>

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

Могу все, но ничего не умею :-)

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