[js] Dziedziczenie z obiektów DOM. Opcje

[Mikz]

Nigdzie nie mogę znaleźć rozwiązania tej zagadki.
Mam sobie klasę Window i chcę żeby odziedziczyła ona wszystkie własności obiektu div i jednocześnie była ona węzłem DOM.
Jak to zrobić?

Przykład:

Kod

function Window()
{
   //Tutaj wstawić odpowiedź na moje pytanie :-)
}


var a = new Window();
document.body.appendChild(a); //w body pojawia się div, ale można mu dodawać metody.
a.style.width='300px';
a.style.height='300px';
a.style.backgroundColor='black'; //no i powinniśmy mieć czarny kwadrat :)

Jakoś this.prototype = document.createElement('div'); nie chciało mi tam działać.

Ten post edytował Mikz 28.02.2009, 20:38:46

[lord_t]

Co prawda nie bardzo widzę czego Ci brakuje, przecież divowi też możesz nadać metody, ale może ten kod Ci pomoże.

[HTML] pobierz, plaintext 
function Window()
{	
	this.element=document.createElement('div');
	this.licznik=0;
	var t=this.element;
 
	t.onclick=function(){t.style.backgroundColor="red";}
 
	return this.element;
}
 
$(document).ready(function(){
 
	var a = new Window();
	document.body.appendChild(a); //w body pojawia się div, ale można mu dodawać metody.
	a.style.width='300px';
	a.style.height='300px';
	a.style.backgroundColor='black'; //no i powinniśmy mieć czarny kwadrat :)
 
	a.onmouseover=function(){a.style.backgroundColor="pink";}
	a.onmouseout=function(){a.style.backgroundColor="blue";}
});
[HTML] pobierz, plaintext 

*) Skorzystałem z ready zamiast z onload.

Ten post edytował lord_t 1.03.2009, 12:35:34