function mouseover(e) {
e = e || window.event; // Теперь e точно объект события
}
Передача экземпляра класса в атрибут ноды (JavaScript)
в IE работает, как передать сцылку на экземпляр класса в созданную ноду а потом получить по ней этот экземпляр в обработчике в других броузерах (кроме IE) ?
p.s. мой мозг уже разрушен... памагите если кто сталкивался с данной проблемой, плиииз... :D
picture=function(message){
this.message=message;
var root=document.getElementById("root");
var img=document.createElement("IMG");
img.src="image.gif";
img.setAttribute("obj",this);
img.attachEvent("onmouseover",mouseover);
root.appendChild(img);
}
function mouseover(){
var obj=event.toElement.obj;
alert(obj.message);
}
var pic=new picture("message 1");
p.s. мой мозг уже разрушен... памагите если кто сталкивался с данной проблемой, плиииз... :D
picture=function(message){
this.message=message;
var root=document.getElementById("root");
var img=document.createElement("IMG");
img.src="image.gif";
img.setAttribute("obj",this);
img.attachEvent("onmouseover",mouseover);
root.appendChild(img);
}
function mouseover(){
var obj=event.toElement.obj;
alert(obj.message);
}
var pic=new picture("message 1");
для "горбатого" img.attachEvent
для остальных: img.addEventListener
для остальных: img.addEventListener
Цитата:
img.attachEvent("onmouseover",mouseover);
Конечно, только в IE.
Читай про addEventListener
Цитата:
function mouseover(){
var obj=event.toElement.obj;
alert(obj.message);
}
var obj=event.toElement.obj;
alert(obj.message);
}
event это тоже IE-Only. В Gecko он передается в первом аргументе ссылки.
Вытаскивать его нужно так:
Код:
Цитата:
img.setAttribute("obj",this);
Есть большие сомнения, что такие финты будут проходить везде.
Лучше так:
Код:
...
var img=document.createElement("IMG");
img.src="image.gif";
var _this = this;
img.onmouseover = (function(e) {
alert(_this.message);
});
var img=document.createElement("IMG");
img.src="image.gif";
var _this = this;
img.onmouseover = (function(e) {
alert(_this.message);
});
Цитата: vasa_c
Конечно, только в IE.
event это тоже IE-Only.
event это тоже IE-Only.
Опера тоже понимает этот объект.
Люди, вы не уловили саму фичу вопроса....
интересует НЕ как вызвать обработчик или получить event
а как в ноду записать сцылку на экземпляр класса
и потом в обработчике её получить?
p.s. неважно через event я её получаю или нет...
кстати такая вот фичка не прокатит...:
потому что _this - должна находится в нутри класса... а не быть глобальной переменной, причем нужно сделать нормальный класс а не пародию на него, так что на всякий случай - использовать имена класса тоже нельзя...
интересует НЕ как вызвать обработчик или получить event
а как в ноду записать сцылку на экземпляр класса
и потом в обработчике её получить?
p.s. неважно через event я её получаю или нет...
кстати такая вот фичка не прокатит...:
Код:
...
var img=document.createElement("IMG");
img.src="image.gif";
var _this = this;
img.onmouseover = (function(e) {
alert(_this.message);
});
var img=document.createElement("IMG");
img.src="image.gif";
var _this = this;
img.onmouseover = (function(e) {
alert(_this.message);
});
потому что _this - должна находится в нутри класса... а не быть глобальной переменной, причем нужно сделать нормальный класс а не пародию на него, так что на всякий случай - использовать имена класса тоже нельзя...
Цитата:
а не быть глобальной переменной
Она не глобальная переменная. Она локальная в конкретном контексте вызова функции и доступна из определенного в нем обработчика черз замыкание. Каждый обработчик будет разделять свою отдельную переменную.
Цитата:
нужно сделать нормальный класс
JS — прототипоориентированный язык, в нем нет нормальных классов.
Цитата:
а как в ноду записать сцылку на экземпляр класса
и потом в обработчике её получить?
и потом в обработчике её получить?
Ты ее успешно и записал, и оно работало в IE. А в FF и Опере нет. Почему, тебя было указано.
Но объекты соотвествующие DOM-элементам, вещь вообще капризная. Лучше туда ничего лишнего не записывать.
vasa_c: что происходит в этой строчке ?
Она не глобальная переменная. Она локальная в конкретном контексте вызова функции и доступна из определенного в нем обработчика черз замыкание. Каждый обработчик будет разделять свою отдельную переменную.
Код:
....
this.img.setAttribute("obj",this);
....
this.img.setAttribute("obj",this);
....
Цитата:
Она не глобальная переменная. Она локальная в конкретном контексте вызова функции и доступна из определенного в нем обработчика черз замыкание. Каждый обработчик будет разделять свою отдельную переменную.
В том то и дело... он будет разделять, и в итоге броузер даст ошибку потому что для ноды созданного экземпляра прототипного класса, переменных созданных в нутри конструктора, не существует, он недаст ошибку если я укажу переменную лежащую в глобальной области страницы либо полную ссылку на свойство прототипного класса.
Цитата:
Ты ее успешно и записал, и оно работало в IE. А в FF и Опере нет. Почему, тебя было указано.
Вот уже пятый раз перечитываю колонку, не могу найти почему же оно в FF и Opera не пишется...
Цитата:
vasa_c: что происходит в этой строчке ?
В этой строчке происходит лажа.
Ты устанавливаешь совершенно непонятный атрибут для объекта.
Из-за известного глюка в IE это прокатывает, как установка свойства. А в FF нет.
Цитата:
В том то и дело... он будет разделять, и в итоге броузер даст ошибку потому что для ноды созданного экземпляра прототипного класса, переменных созданных в нутри конструктора, не существует, он недаст ошибку если я укажу переменную лежащую в глобальной области страницы либо полную ссылку на свойство прототипного класса.
чего?
Цитата:
Вот уже пятый раз перечитываю колонку, не могу найти почему же оно в FF и Opera не пишется...
Потому что используется attachEvent
Потому что неверно определяется event
Потому что используется setAttribute
Работает в IE:
Работает в FF и Opera:
надеюсь теперь тема закрыта... всем спасибо за внимание и потдержку... ;-)
Код:
picture=function(message){
this.message=message;
var root=document.getElementById("root");
var img=document.createElement("IMG");
img.src="image.gif";
img.setAttribute("obj",this);
img.attachEvent("onmouseover",mouseover);
root.appendChild(img);
}
function mouseover(){
var obj=event.toElement.obj;
alert(obj.message);
}
var pic=new picture("message 1");
var pic=new picture("message 2");
this.message=message;
var root=document.getElementById("root");
var img=document.createElement("IMG");
img.src="image.gif";
img.setAttribute("obj",this);
img.attachEvent("onmouseover",mouseover);
root.appendChild(img);
}
function mouseover(){
var obj=event.toElement.obj;
alert(obj.message);
}
var pic=new picture("message 1");
var pic=new picture("message 2");
Работает в FF и Opera:
Код:
picture = function(message){
this.message=message;
this.img = document.createElement("IMG");
this.img.src="image.gif";
this.img.onmouseover=mouseover;
this.img.obj=this;
var root=document.getElementById("root");
root.appendChild(this.img);
}
function mouseover(){
alert(this.obj.message);
}
var a1=new picture("Preved medved");
var a2=new picture("Paka medved !!!");
this.message=message;
this.img = document.createElement("IMG");
this.img.src="image.gif";
this.img.onmouseover=mouseover;
this.img.obj=this;
var root=document.getElementById("root");
root.appendChild(this.img);
}
function mouseover(){
alert(this.obj.message);
}
var a1=new picture("Preved medved");
var a2=new picture("Paka medved !!!");
надеюсь теперь тема закрыта... всем спасибо за внимание и потдержку... ;-)
на щет DOM это я погарячился... каюсь... :o
а про className и прочее... просто прочитал статейку и понял что они в примерах пытались изменить стандартные атрибуты через setAttribute... у миня в книжке (авт. Пол Мак-Федрис) написано по другому про стандартные и нестандартные атрибуты... от суда то наверна и ошибка... моя, прав был Vasa_c что я путаю атрибуты и свойства...
исправлюсь... :rolleyes:
а про className и прочее... просто прочитал статейку и понял что они в примерах пытались изменить стандартные атрибуты через setAttribute... у миня в книжке (авт. Пол Мак-Федрис) написано по другому про стандартные и нестандартные атрибуты... от суда то наверна и ошибка... моя, прав был Vasa_c что я путаю атрибуты и свойства...
исправлюсь... :rolleyes: