X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Не работает JavaScript
Pacan_hb
Pacan_hb
Topic Starter сообщение 4.7.2012, 19:29; Ответить: Pacan_hb
Сообщение #1


Не работает javaScript. Вот код страницы:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Копия</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/JavaScript">
alert('TEST');
function menuButtonOn(button){
button.style.background-image = "url(images/menu_back.png)";
}
function menuButtonOff(button){
button.style.background-image = "none";
}
function loading(){
alert('SAGE');
var massive = document.getElementById("menu").childNodes;
for (var i = 0; i < massive.length; i++){
if (massive[i].tagName == "SPAN"){
massive[i].onmouseover = menuButtonOn;
massive[i].onmouseout = menuButtonOff;
}
}
document.alert('SAGE');
}
</script>
</head>
<body onload="loading();">
<div id="menu">
<span>Главная</span>
<span>Меню 1</span>
<span>Меню 2</span>
<span>Меню 3</span>
<span>Меню 4</span>
<span>Меню 5</span>
</div>
</body>
</html>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cyber_ua
cyber_ua
сообщение 4.7.2012, 19:34; Ответить: cyber_ua
Сообщение #2


что именно не работает, тут экстрасенсов нет?
document.alert('SAGE');

писать нужно просто alert("") без document
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cyber_ua
cyber_ua
сообщение 4.7.2012, 19:36; Ответить: cyber_ua
Сообщение #3


как минимум поправьте , свои функции так
[JS]
function menuButtonOn(button){
button.style.backgroundImage = "url(images/menu_back.png)";
}
function menuButtonOff(button){
button.style.backgroundImage = "none";
}
[/JS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cyber_ua
cyber_ua
сообщение 4.7.2012, 19:40; Ответить: cyber_ua
Сообщение #4


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Копия</title>

<style>
#menu span:hover {
background-Color: red;

}
</style>
</head>
<body onload="loading();">
<div id="menu">
<span>Главная</span>
<span>Меню 1</span>
<span>Меню 2</span>
<span>Меню 3</span>
<span>Меню 4</span>
<span>Меню 5</span>
</div>
</body>
</html>

короче вот и все=)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Pacan_hb
Pacan_hb
Topic Starter сообщение 4.7.2012, 19:47; Ответить: Pacan_hb
Сообщение #5


Спасибо за оперативные ответы. Довел до такого вида:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Копия</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/JavaScript">
alert('TEST');
function menuButtonOn(){
this.style.backgroundImage = "url(images/menu_back.png)";
}
function menuButtonOff(){
this.style.backgroundImage = "none";
}
function loading(){
alert('SAGE');
var massive = document.getElementById("menu").childNodes;
for (var i = 0; i < massive.length; i++){
if (massive[i].tagName == "SPAN"){
alert('i');
massive[i].onmouseover = menuButtonOn;
massive[i].onmouseout = menuButtonOff;
}
}
document.alert('SAGE');
}
</script>
</head>
<body onload="loading();">
<div id="menu">
<span>Главная</span>
<span>Меню 1</span>
<span>Меню 2</span>
<span>Меню 3</span>
<span>Меню 4</span>
<span>Меню 5</span>
</div>
</body>
</html>


Сделал так и все заработало.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cyber_ua
cyber_ua
сообщение 4.7.2012, 19:58; Ответить: cyber_ua
Сообщение #6


(cyber_ua @ 4.7.2012, 22:40) *
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Копия</title>

<style>
#menu span:hover {
background-Color: red;

}
</style>
</head>
<body onload="loading();">
<div id="menu">
<span>Главная</span>
<span>Меню 1</span>
<span>Меню 2</span>
<span>Меню 3</span>
<span>Меню 4</span>
<span>Меню 5</span>
</div>
</body>
</html>

короче вот и все=)

CSS лучше подойдет для вашей задачи

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Крауд-маркетинг который работает | Эффективные Ру-ссылки
 1 Azyuka 1075 13.2.2024, 19:36
автор: tascha56
Открытая тема (нет новых ответов) Услуги по созданию и доработке скриптов PHP, MySQL, JavaScript, jQuery
Разработка сайтов и сервисов под-ключ
 0 alexey 1244 24.11.2023, 14:46
автор: alexey
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВеб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP)
 56 qpPeW 44935 19.7.2023, 10:03
автор: qpPeW
Открытая тема (нет новых ответов) Кто работает с партнерской программой eBay?
 0 Stalser 1183 14.12.2021, 12:26
автор: Stalser
Открытая тема (нет новых ответов) Кто работает с партнеркой Кликбанк?
 4 metvekot 1726 5.12.2021, 22:32
автор: adamsadriane


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 25.4.2024, 3:54

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet