HTML5 SVG и события мыши

Question

Я сделал несколько шестиугольников с помощью Inkscape и поместил их в какой-то HTML5.Я получил событие onmouseover, но событие onmouseout не работает.Я запускаю это на Google Chrome 11.0.696.57 beta.Кто-нибудь знает в чем проблема?

Вот ссылка на HTML https://docs.google.com/leaf?id=0B7ZCkMUvddWIOTAxNmJlYjctODNlOS00MzFlLTgwY2EtOTY1NzZkZGQ2Yjgx&sort=name&layout=list&num=50

Answer 1

Я немного изменил в примере, чтобы исправить это в chrome (пример не работает в safari, opera или IE9).

Во-первых, у вас было несколько точек с запятой после операторов onmouseover и onmouseout.

onmouseover = "Hilight(evt)"
onmouseout = "Darken(evt)"

Во-вторых, событие было запущено, но альфа было 0,06, я изменил его на 0,6, и теперь гораздо более очевидно, что оно запускается:

function Darken(evt) {
     var GameSpace = evt.target;
     GameSpace.setAttribute("style", "fill-opacity: 0.6"); 
}

http://jsfiddle.net/ERyS4/7/