Форум

фонарик · #1 (**permalink**) 02.03.2013, 03:37

Всем привет, подскажите пожалуйста в чем ошибка: создаём скриптом див блок по клику на другой блок, во время создания нового блока нужно повесить на него событие, но оно не хочет прилепляться

<script type="text/javascript">
function addDiv(){
var newDiv = document.createElement('div')
    newDiv.className="happy"
	newDiv.onmouseover="this.style.backgroundColor='red'"//не работает    
    document.body.appendChild(newDiv)
}  
</script>

Вот страничка с примером http://learn.javascript.ru/play/5L17D
Я уже все варианты перепробывал, иногда кажется что там у них какой-то заговор

Deff · #2 (**permalink**) 02.03.2013, 03:52

<body>
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function addDiv(){
var newDiv = document.createElement('div')
    newDiv.className="happy"
    newDiv.style.width="100px";
    newDiv.style.height="100px";
    newDiv.style.border="1px solid red";
    newDiv.onmouseover=function (){this.style.backgroundColor='red'}
    document.body.appendChild(newDiv)
	 
}  addDiv()
</script>
</head>
  <body>



  </body>
</html>

фонарик · #3 (**permalink**) 02.03.2013, 03:56

Мистер Deff, большое вам спасибо за помощь. Я точно помню что я так делал и оно не работало. Видать, где-то кавычку не там ставил

Deff · #4 (**permalink**) 02.03.2013, 03:59

фонарик,
Скорее всего Вы его просто не видели, поскольку размеров не проставили
И Дабы не мучицо с кавычками - устанавливайте событие через анонимную функцию, а не прямым присваиванием

vadim5june · #5 (**permalink**) 02.03.2013, 09:05

Сообщение от фонарик

newDiv.onmouseover="this.style.backgroundColor='re d'"//не работает

newDiv.onmouseover=function(){this.style.backgroundColor='red'};

danik.js · #6 (**permalink**) 02.03.2013, 09:33

vadim5june, это что?

Форум

Справочник

Discord чат

Курсы javascript