Архив форумов ЦИТФорума

Фифа · Гость

слои не хотят показываться Crying or Very sad

в чем дело не могу понять
это jскрипт

function showLayerN(news)
{
this.style.visibility = 'visible'
}
function hudeLayerN(news)
{
this.style.visibility = 'hidden'
}
function showLayerG(gazet)
{
this.style.visibility = 'visible'
}
function hudeLayerG(gazet)
{
this.style.visibility = 'hidden'
}

<div id="news">Наши новости</div>
<div id="gazet">Наша газета</div>

<a href="#" onMouseOver="showLayerN('news'); return true;" onmouseout="hudeLayerN('news'); return true;" ><font color="#FFFFFF">новости</font></a>

<a href="#" onMouseOver="showLayerG('gazet'); return true;" onMouseOut="hudeLayerG('gazet'); return true;" ><font color="#FFFFFF">газета</font></a>

где я не права?

RealMode · Зарегистрирован: 26.04.2004 Сообщения: 21

Ув. Фифа,
во-первых: я не увидел в тексте описания стилей (возможно, Вы просто его не показали, но это важная деталь).
во-вторых: в функцию передается имя идентификатора, значит при описании ф-ции нужно указать переменную, которой будет присваиваться значение этого идентификатора, либо описывать и вызывать функцию без параметров, а в теле присваивать значение именно свойствам конкретного идентификатора (но при этом, естественно, теряется универсальность ф-ции).
При вызове функции не нужно идентификатор брать в апострофы.
Привожу текст странички (применительно к Вашему примеру):

<html>
<head>
<title>Слои в DHTML</title>



<style type="text/css">

#news
{
color: "#00FF00";
font-size: 77;
visibility: "hidden";
}

#gazet
{
color: "#FF0000";
font-size: 77;
visibility: "hidden";
margin-top: -87;
}

</style>



<script>
function showLayerN(id)
{
id.style.visibility = 'visible';
}
function hudeLayerN(id)
{
id.style.visibility = 'hidden';
}
function showLayerG(id)
{
id.style.visibility = 'visible';
}
function hudeLayerG(id)
{
id.style.visibility = 'hidden';
}
</script>

</head>



<body bgcolor=#0 >
<center>
<div id="news">Наши новости</div>
<div id="gazet">Наша газета</div>
<br>
<br>
<br>
<a href="#" onMouseOver="showLayerN(news); return true;" onmouseout="hudeLayerN(news); return true;" ><font color="#FFFFFF">новости</font></a>
<a href="#" onMouseOver="showLayerG(gazet); return true;" onMouseOut="hudeLayerG(gazet); return true;" ><font color="#FFFFFF">газета</font></a>
</center>
</body>
</html>

	Список форумов Архив форумов ЦИТФорума -> Обучение	Часовой пояс: GMT + 3
Страница 1 из 1