Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Всплывающее окно


Автор: Xagakure 18.12.2006, 06:34
Код

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

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

Автор: SelenIT 18.12.2006, 14:50
Код

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
вот здесь недавно был пример выплывающего справа окна, может пригодится:
http://forum.vingrad.ru/topic-121448/hl/%25D1%2581%25D0%25BF%25D1%2580%25D0%25B0%25D0%25B2%25D0%25B0/15.html#

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)