VPF::Всплывающее окно - Форум программистов

Xagakure

Дата 18.12.2006, 06:34 (ссылка)

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

Загрузка ...

Новичок

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

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

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Welcom to My Site, Inc.</title>
<style type="text/css">
<!--
<!-- Обявления слоев -->

#search{z-index: 5; position: absolute; top: 200px; left: 200px; visibility: visible;}
<!-- Изменения тегов -->
A{text-decoration: none;}
B{font-size: 10pt; font-family: verdana, sans-serif;}
I{font-size: 9pt; font-color: #333333; font-family: verdana, sans-serif;}
<!-- классы -->
.regular{color: red;}
.superBig{font-size: 16pt; font-weight: bold; color: red;}
.copyright{font-size: 9pt; font-style: italic; text-transform: capitalize;}
-->
</style>
<script language="JavaScript">
<!--
function showLayer(layerName){
    document.layers[layerName].visibility = 'visible'
}
function hideLayer(layerName){
    document.layers[layerName].visibility = 'hidden'
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF">

<div id="search">
<table bgcolor="#FFFFFF">
<tr><td>
<h3>Search the Shelley Site</h3>
<form action="" method="post">
    <img src="image/shelley/search_hd.gif" border="0" alt="Search">
    <table>
    <tr>
      <td valign="middle">
                <input type="text" size="30" name="searchString">
            </td>
            <td valign="middle">
                <input type="image" border="0" src="image/shelley/search_go.gif">
            </td>
    </tr>
  </table>
</form>
<a href="javascript:hideLayer('search')">Close this window</a>
</td></tr>
</table>
</div>

<div id="text">
<center>

<p class="superBig">
<a href="">Products</a> |
<a href="">Services</a> |
<a href="">Training</a><br>
<a href="">Common Good Projects</a> |
<a href="">Genetic News</a> |
<a href="">About Shelley</a>
</p>

<p class="regular">
<a href="javasctipt:showLayer('search')">Search</a> |
<a href="">Site Map</a> |
<a href="">Jobs</a> |
<a href="">Contact Us</a>
</p>

<p class="copyright">
&copy; 1999 my site, inc. all rights reserved.
</p>

</center>
</div>
</body>
</html>

помогите разобраться... где ошибка... не работает скрипт... smile

в книжке пишут что работает, на деле нет...

Aliance

Дата 18.12.2006, 09:47 (ссылка)

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

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

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

Книжкой можешь развести костер, они тебя ничего не научит. Покупая книжку - смотри ее год, она должна бвть НОВОЙ!
Этот скрипт для NN4-

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

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Xagakure

Дата 18.12.2006, 13:29 (ссылка)

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

Загрузка ...

Новичок

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

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

хорошо с книжкой разберусь... но какие-нибудь дельные предложения будут, как создать всплывающее окно? smile

SelenIT

Дата 18.12.2006, 14:50 (ссылка)

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

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

Код


function showLayer(layerName){
    document.getElementById('layerName').style.visibility = 'visible'
}
function hideLayer(layerName){
    document.getElementById('layerName').style.visibility = 'hidden'
}

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

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

Nicholas_S

Дата 18.12.2006, 15:11 (ссылка)

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

Загрузка ...

Опытный

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

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

вот здесь недавно был пример выплывающего справа окна, может пригодится:
http://forum.vingrad.ru/topic-121448/hl/%2...0%25B0/15.html#

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

...все в мире относительно

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