Форум

andrew_F · #1 (**permalink**) 03.05.2012, 20:41

подскажите полному чайнику, в чём же может быть дело???:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HEAD>
<TITLE>изменяется картинка по действия мышки...</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</HEAD>
<BODY bgcolor="#AACCFF" onLoad="initRoll()" >
	<img id="roll" src="pic1.jpg"/>
<script type="text/javascript" >
//window.onLoad = initRoll;
function initRoll() {alert("initRoll-старт");
   var img=document.getElementById('roll') ; 
img.onMouseOver=function () {this.src='pic2.jpg'; alert('img2');}   ;
img.onMouseOut =function () {this.src='pic3.jpg'; alert('img3');}   ;
img.onMouseDown=function () {this.src='pic4.jpg'; alert('img4');}   ;
img.onMouseUp  =function () {this.src='pic1.jpg'; alert('img1');}   ;
   }
</script>
</BODY>
</HTML>

вроде всё просто, но то ли синтаксис неправильно использую, то ли ещё какая причина - но смены картинок ну никак не происходит

vadim5june · #2 (**permalink**) 03.05.2012, 20:50

вместо
img.onMouseOver
надо
img.onmouseover

хотя правильно события присваивать через
addEventListener

andrew_F · #3 (**permalink**) 03.05.2012, 21:01

о-о-о, вот оно где - в буквах этих, маленькими надо было писать!!!
А почему же тогда в справочниках пишут, что события должны быть именно так:
img.onMouseOver
а не, как мне правильно советовали
img.onmouseover

кошмар!!! Где-то надо писать onClick, где-то просто click где-то допускается Click... - ну, просто каша в голове пока что...
Где тогда нормальный справочник с однозначным описанием синтаксиса... или это от браузера ещё зависит? Я в хроме и ФФ проверял, может в других браузерах большая-маленькая буква не столь критично????