Вопрос в следующем: у меня скрипт для отображения горизонтального меню: когда скрипт находится в html файл то работает. Если я выношу в файл .js, то подменю не отображается.
вот код всей страницы
<html>
<head>
<title>Кафедра инноваций и инвестиций КГУ</title>
<META NAME="description" CONTENT="Официальный сайт кафедры инноваций и инвестиций КГУ">
<META NAME="keywords" CONTENT="бизнес-информатика, Казанский государственный университет, КГУ, инновации, инвестиции
Казань, обучение, учеба, студент, абитуриент, образование, наука, экономический факультет, кафедра, кафедры,
специальность, специальности, Приволжский федеральный университет, ПФУ">
<link rel="stylesheet" type="text/css" href="columns.css">
<link rel="stylesheet" type="text/css" href="menu.css">
<script>
// установка равной длины столбцов
/* function SetEqualHeight(columns)
{
var tallestcolumn = 0;
columns.each(
function()
{
currentHeight = $(this).height();
if(currentHeight > tallestcolumn)
{
tallestcolumn = currentHeight;
}
}
);
columns.height(tallestcolumn);
}
$(document).ready(function() {
setEqualHeight($(".container > div"));
});
*/
</script>
<script type="text/javascript" src=".js"></script>
<script type="text/javascript">
var PreviosMenu;
function SubMenu(menu) // вывод подменю при наведении
{
if (document.getElementById)
{
if (PreviosMenu)
{
document.getElementById(PreviosMenu).style.display = "none";
document.getElementById(menu).style.display = "block";
}
PreviosMenu = menu;
}
}
</script>
</head>
<body>
<center><h1><font face="Calibri">Кафедра инноваций и инвестиций</font></h1></center>
<div id="menu">
<ul>
<a href="" onMouseOver="SubMenu('sm1')">Главная</a></li>
<a href="" onMouseOver="SubMenu('sm2')">Студентам</a></li>
<a href="" onMouseOver="SubMenu('sm3')">Абитуриентам</a></li>
<a href="" onMouseOver="SubMenu('sm4')">Научная работа</a></li>
<a href="" onMouseOver="SubMenu('sm5')">О кафедре</a></li>
</ul>
</div>
<div class="container">
<div class = "left">
<div id=submenu>
<div id=sm1 class=submenutext> </div>
<div id=sm2 class=submenutext>
<P><a href=linkr1.html>Расписание</a></P>
<P><a href=linkr2.html>Рейтинг</a></P>
<P><a href=linkr3.html>Учебные материалы</a></P>
<P><a href=linkr4.html></a></P>
</div>
<div id=sm3 class=submenutext>
<P><a href=linku1.html>Курсы</a></P>
<P><a href=linku2.html>Документы</a></P>
<P><a href=linku3.html>Информация о специальности</a></P>
</div>
<div id=sm4 class=submenutext>
<P><a href=linkc1.html>Научные руководители</a></P>
<P><a href=linkc2.html>Темы работ</a></P>
<P><a href=linkc3.html>Публикации</a></P>
<P><a href=linkc4.html>Конференции</a></P>
</div>
<div id=sm5 class=submenutext> </div>
</div>
</div>
<div class = "content"> 5. Матричная организация Toyota:
Как совместить развитую функциональную структуру и матричную организацию в системе бережливой разработки продукции, поддерживая между ними мирные отношения? Секрет успеха — сочетание пристального внимания к потребителю и системы главных инженеров.
При таком подходе управление проектами прекрасно сочетается с работой функциональных подразделений. Преобразование системы главных инженеров в матричную структуру Toyota произошло в 1950-е годы. Первоначально каждым продуктом занималось одно функциональное
</div>
<div class = "right"> 6. Реорганизация матричной структуры Toyota
Матричная структура Toyota успешно работала десятки лет, но компания росла, автомобили становились все более сложными, а число
</div>
</div>
<hr>
</body>
</html>
вот СSS на всякий пожарный:
columns.css:
|
Код:
|
.container {
width: auto;
margin-left: auto;
margin-right: auto;
}
.container > div {
float:left;
}
.left {
background-color:#008080;
width: 23%;
}
.content {
background-color: #FFFFFF;
width: 53%;
}
.right {
background-color:#008080;
width: 23%;
} |
menu.css
|
Код:
|
A:hover {
color: red;
font-weight: bold;
}
#menu {
padding: 10px 10px 10px;
margin-right: 10px;
background: #f0f0f0;
text-decoration: none
}
#submenu {
background: #008080;
padding: 5px;
height: 30px
}
.submenutext {
display: none;
} |
вот файл который я хотел вынести: он есть в html:
var PreviosMenu;
function SubMenu(menu) // вывод подменю при наведении
{
if (document.getElementById)
{
if (PreviosMenu)
{
document.getElementById(PreviosMenu).style.display = "none";
document.getElementById(menu).style.display = "block";
}
PreviosMenu = menu;
}
}
заранее благодарю!!!
