Показать сообщение отдельно
  #1 (permalink)  
Старый 14.03.2010, 18:06
Новичок на форуме
Отправить личное сообщение для 4aineg Посмотреть профиль Найти все сообщения от 4aineg
 
Регистрация: 14.03.2010
Сообщений: 5

не прикрепляется файл .js
Вопрос в следующем: у меня скрипт для отображения горизонтального меню: когда скрипт находится в 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>&nbsp;</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>&nbsp;</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;
	}
}


заранее благодарю!!!
Ответить с цитированием