Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] Dziedziczenie z obiektów DOM.
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
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ć.
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.
  1. function Window()
  2. {
  3. this.element=document.createElement('div');
  4. this.licznik=0;
  5. var t=this.element;
  6.  
  7. t.onclick=function(){t.style.backgroundColor="red";}
  8.  
  9. return this.element;
  10. }
  11.  
  12. $(document).ready(function(){
  13.  
  14. var a = new Window();
  15. document.body.appendChild(a); //w body pojawia się div, ale można mu dodawać metody.
  16. a.style.width='300px';
  17. a.style.height='300px';
  18. a.style.backgroundColor='black'; //no i powinniśmy mieć czarny kwadrat :)
  19.  
  20. a.onmouseover=function(){a.style.backgroundColor="pink";}
  21. a.onmouseout=function(){a.style.backgroundColor="blue";}
  22. });

*) Skorzystałem z ready zamiast z onload.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.