Создание картинки в IE 7

[alex90aa]

В IE7 вышла проблема (В IE 6 работало)

Вот такая инструкция

document.getElementById(p).innerHTML="<img id='unit"+gid+"' width='70' height='70' src='"+imgsrc+"' border='0' onMouseOver='viewunit("+gid+")' onMouseOut='viewunit_no()' onClick='atunit("+gid+")'";

ни к чему не приводит.

как я разобрался в IE 7 нельзя так делать, нужно делать

var img = document.createElement('img')

img.src=imgsrc;

img.style.width=70;

img.style.height=70;

document.getElementById(p).appendChild(img)

Вопрос:

Как мне таким образом добавить к img onMouseOver и onMouseOut ?

[hf3]

document.getElementById(img).setAttribute('атрибут' , 'значение атрибута')

[alex90aa]

Оно работает в FireFox но в IE 7 onMouseOver не срабатывает, проверил и onClick тоже не работает, что делать?

Поискал на форумах нашел такое решение в FF и Опере:

img.addEventListener

В IE

img.attachEvent

решение:

var IE='\v'=='v';

if(IE) {

img.attachEvent( 'onmouseover', function( e ) {viewunit(gid) } );

}

else

{

img.addEventListener('mouseover', function() { viewunit(gid) }, false );

}

Правильно или есть другой способ?

Edited August 20, 2009 by alex90aa

[hf3]

Оно работает в FireFox но в IE 7 onMouseOver не срабатывает, проверил и onClick тоже не работает, что делать?

Писать маленькими буквами… JS чувствиелен к регистру

[Great Rash]

Правильно будет зарегистрировать слушатель.

Вот правильный код:

var img = document.createElement('img');
img.src=imgsrc;
img.style.width=70;
img.style.height=70;
document.getElementById(p).appendChild(img);

if (document.addEventListener) { // Gecko
	img.addEventListener('mouseover', function() { viewunit(gid); }, false);
} else if (document.attachEvent) { // IE, Opera
	img.attachEvent('onmouseover', function() { viewunit(gid); });
} else {
	img['onmouseover'] = function() { viewunit(gid); }
}

Или можно тупо:

var img = document.createElement('img');
img.src=imgsrc;
img.style.width=70;
img.style.height=70;
document.getElementById(p).appendChild(img);

img.onmouseover = function() {
	viewunit(gid);
}

[alex90aa]

А для каких браузеров остается это

else {

img['onmouseover'] = function() { viewunit(gid); }

}

?

[Great Rash]

Для KHTML например (Safari, Chrome).

[alex90aa]

Спасибо, приму к сведению, придется немного переделать свой код

[Riim]

Если XHTML, то нужно обязательно указывать единицы измерения: img.style.width = 70 + 'px';

[alex90aa]

Если XHTML, то нужно обязательно указывать единицы измерения: img.style.width = 70 + 'px';

Спасибо за совет, укажу