Интересует как сделать спойлер при помощи скрипта для uCoz.Добавлено (27.06.2009, 7:52:12 Pm)
---------------------------------------------
Code
<html>
<head>
<script language="JavaScript">
var SiteUrl = '/';
var ImgUrl = '/img/';
var MainShow = 0;
var Buttons = new Array();
Buttons[0] = new Image();
Buttons[1] = new Image();
Buttons[2] = new Image();
Buttons[3] = new Image();
Buttons[4] = new Image();
Buttons[0].src = ImgUrl+'menu_button.jpg';
Buttons[1].src = ImgUrl+'menu_button_over.jpg';
Buttons[2].src = ImgUrl+'31.jpg';
Buttons[3].src = ImgUrl+'search_button_over.jpg';
Buttons[4].src = ImgUrl+'menu2_bg.jpg';
function menu1click(id)
{
if (MainShow != id)
{
//close MainShow
if (MainShow != 0)
{
if (document.getElementById('m2_'+MainShow)) document.getElementById('m2_'+MainShow).style.display = 'none';
document.getElementById('m1_'+MainShow).style.backgroundImage="url("+ImgUrl+"menu_button.jpg)";
}
//open current
if (document.getElementById('m2_'+id)) document.getElementById('m2_'+id).style.display = '';
document.getElementById('m1_'+id).style.backgroundImage="url("+ImgUrl+"menu_button_over.jpg)";
MainShow = id;
}
else
{
//close MainShow
if (document.getElementById('m2_'+MainShow)) document.getElementById('m2_'+MainShow).style.display = 'none';
document.getElementById('m1_'+id).style.backgroundImage="url("+ImgUrl+"menu_button.jpg)";
MainShow = 0;
}
}
function menu1over(id)
{
if (MainShow != id) document.getElementById('m1_'+id).style.backgroundImage="url("+ImgUrl+"menu_button_over.jpg)";
document.getElementById('menu3_div').style.visibility = 'hidden';
return false;
}
function menu1out(id)
{
if (MainShow != id) document.getElementById('m1_'+id).style.backgroundImage="url("+ImgUrl+"menu_button.jpg)";
return false;
}
function menu2over(src, top, left)
{
document.getElementById('menu3_td').innerHTML = document.getElementById(src).innerHTML;
document.getElementById('menu3_div').style.visibility = 'visible';
document.getElementById('menu3_div').style.top=top+'px';
document.getElementById('menu3_div').style.left=left+'px';
return false;
}
function menu3clear()
{
document.getElementById('menu3_div').style.visibility = 'hidden';
return false;
}
function Registration()
{
open(SiteUrl+'account/create/', '', 'status=1, toolbar=0, resizable=0, scrollbars=1, width=1024, height=800');
return false;
}
function Login()
{
open(SiteUrl+'account/login/', '', 'status=1, toolbar=0, resizable=0, scrollbars=1, width=800, height=650');
return false;
}
</script>
</head>
<body>
<table width="156" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td id="m1_3" class="menu_button" width="156" valign="middle" height="27" align="center" onmouseout="return menu1out(3);" onmouseover="return menu1over(3);" style="background-image: url(/img/menu_button.jpg);">
<a class="menu_link" onfocus="this.blur();" onclick="menu1click(3); return false;" href="#">НОВОСТИ</a>
</td>
</tr>
<tr id="m2_3" style="display: none;">
<td width="156" valign="middle" align="left">
<table width="137" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td width="19" height="19"/>
<td class="menu_button2" width="137" valign="top" height="19" align="center">
<a class="menu_link2" href="#">ДАЙДЖЕСТ</a>
</td>
</tr>
<tr>
<td width="19" height="19"/>
<td class="menu_button2" width="137" valign="top" height="19" align="center">
<a class="menu_link2" href="#">СОБЫТИЯ</a>
</td>
</tr>
<tr>
<td width="19" height="19"/>
<td class="menu_button2" width="137" valign="top" height="19" align="center">
<a class="menu_link2" href="#">ОБНОВЛЕНИЯ</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td id="m1_6" class="menu_button" width="156" valign="middle" height="27" align="center" onmouseout="return menu1out(6);" onmouseover="return menu1over(6);">
<a class="menu_link" onfocus="this.blur();" onclick="menu1click(6); return false;" href="#">СООБЩЕСТВО</a>
</td>
</tr>
<tr id="m2_6" style="display: none;">
<td width="156" valign="middle" align="left">
<table width="137" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td width="19" height="19"/>
<td class="menu_button2" width="137" valign="top" height="19" align="center">
<a class="menu_link2" onclick="return false;" href="#">СТАТИСТИКА</a>
</td>
</tr>
<tr>
<td width="19" height="19"/>
<td class="menu_button2" width="137" valign="top" height="19" align="center">
<a class="menu_link2" onclick="return false;" href="#">КЛАНЫ</a>
</td>
</tr>
<tr>
<td width="19" height="19"/>
<td class="menu_button2" width="137" valign="top" height="19" align="center">
<a class="menu_link2" onclick="return false;" href="#">ФАН-САЙТЫ</a>
</td>
</tr>
<tr>
<td width="19" height="19"/>
<td class="menu_button2" width="137" valign="top" height="19" align="center">
<a class="menu_link2" onclick="return false;" href="#">РЕЙТИНГИ</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>