....
....
<script language="JavaScript">
<!--
function change_background(num){
num.style="background-image: url(menu/o_bul.gif);";
}
//-->
</script>
....
....
....
<table class="menu_" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td id="n2" style="background-image: url(menu/u_bul.gif);" onMouseOver="change_background('n2');">
<a href="/page.php" style="margin-bottom: 6px;"><div>Элемент меню</div></a></td></tr>
....
....
....
</tbody>
</table>
Как менять background по событию onMouseOver?
Что-то никак не соображу как по событию onMouseOver поменять u_bul.gif на o_bul.gif...
Код:
background-image заменить на backgroundImage
Тут всё правильно:
Что тут поменять?
Типа так:
Что за ерунда? По-моему ответ невпопад.
Извини, если не понял...
Как обратиться к тегу <td> и изменить его свойства, заданные параметром style на JavaScript?
Код:
<td style="background-image: url(menu/o_bul.gif);">
Что тут поменять?
Код:
function change_background(num){
num.style="background-image: url(menu/o_bul.gif);";
}
//-->
</script>
num.style="background-image: url(menu/o_bul.gif);";
}
//-->
</script>
Типа так:
Код:
function change_background(num){
num.style="backgroundImage: url(menu/o_bul.gif);";
}
//-->
</script>
num.style="backgroundImage: url(menu/o_bul.gif);";
}
//-->
</script>
Что за ерунда? По-моему ответ невпопад.
Извини, если не понял...
Как обратиться к тегу <td> и изменить его свойства, заданные параметром style на JavaScript?
Специально для Вас, если Вам лень самому проверить утверждение, таблица соответствий названий свойств CSS - JavaScript
http://codepunk.hardwar.org.uk/css2js.htm
http://codepunk.hardwar.org.uk/css2js.htm
Просто не понял столь краткого ответа UAS!
А оказывается вот что он имел ввиду!
А оказывается вот что он имел ввиду!
Meatcoins, сорри, в принципе да, неточно ответил(
по большей части тебе уже ответили
по поводу JS могу порекомендовать недо RTFM
небольшое замечание по поводу кода
такой подход считается чуть более грамотным
обрати внимание у TD не установлен ID
или то же самое через DOM
JS отдельно, HTML отдельно
красиво и аккуратно
по поводу JS могу порекомендовать недо RTFM
небольшое замечание по поводу кода
Код:
<script type="text/javascript">
<!--
function change_background(num){
num.style.backgroundImage = 'menu/o_bul.gif';
}
//-->
</script>
....
<td style="background-image: url(menu/u_bul.gif);" onmouseover="change_background(this);">....
<!--
function change_background(num){
num.style.backgroundImage = 'menu/o_bul.gif';
}
//-->
</script>
....
<td style="background-image: url(menu/u_bul.gif);" onmouseover="change_background(this);">....
такой подход считается чуть более грамотным
обрати внимание у TD не установлен ID
или то же самое через DOM
Код:
<script type="text/javascript">
<!--
window.onload = function(){
var num = document.getElementById('n2');
num.onmouseover = function(){
this.style.backgroundImage = 'menu/o_bul.gif';
}
}
//-->
</script>
....
<td id="n2" style="background-image: url(menu/u_bul.gif);">....
<!--
window.onload = function(){
var num = document.getElementById('n2');
num.onmouseover = function(){
this.style.backgroundImage = 'menu/o_bul.gif';
}
}
//-->
</script>
....
<td id="n2" style="background-image: url(menu/u_bul.gif);">....
JS отдельно, HTML отдельно
красиво и аккуратно
Цитата:
onmouseover="change_background(this);
Да! Точно!
Кстати, спасибо за ссылочку http://www.webmaster.ee/javascript/js.html - чувствуется весьма хороший справочник!
Что ещё интересней - там есть раздел Серверный JavaScript.
Ни в одной книжке по HTML/JavaScript или чисто по JavaScript не видел описания серверного JavaScript! В лучшем случае упоминалось что есть такой, но больше ничего!
Но небольшой вопрос:
А есть ли смысл в серверном JavaScript, если есть PHP?
По сути какая разница какой серверный язык использовать - думаю возможности и скорость выполнения примерно одинаковые - скорее всего, дело просто в том кому какой язык привычнее...
Да, кстати, удалось вообще выкинуть JavaScript после того как я немного подумал - получилось что-то типа этого:
Код:
.menu_ a:active {background-image: url(/menu/o_bul.gif); background-repeat: no-repeat;}
.menu_ a:hover {background-image: url(/menu/o_bul.gif); background-repeat: no-repeat;}
.menu_ a:hover {background-image: url(/menu/o_bul.gif); background-repeat: no-repeat;}
SSJS, или серверный JS практически не поддерживается нигде, так что и смысла нет его использовать