aboutsummaryrefslogtreecommitdiff
path: root/files/hu/bevezetés_a_dokumentumobjektum-modellbe/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/hu/bevezetés_a_dokumentumobjektum-modellbe/index.html')
-rw-r--r--files/hu/bevezetés_a_dokumentumobjektum-modellbe/index.html18
1 files changed, 18 insertions, 0 deletions
diff --git a/files/hu/bevezetés_a_dokumentumobjektum-modellbe/index.html b/files/hu/bevezetés_a_dokumentumobjektum-modellbe/index.html
new file mode 100644
index 0000000000..62215dd5d8
--- /dev/null
+++ b/files/hu/bevezetés_a_dokumentumobjektum-modellbe/index.html
@@ -0,0 +1,18 @@
+---
+title: Bevezetés a dokumentumobjektum-modellbe
+slug: Bevezetés_a_dokumentumobjektum-modellbe
+tags:
+ - DOM
+ - minden_kategória
+translation_of: Web/API/Document_Object_Model
+---
+<h3 id="Mi_a_DOM.3F" name="Mi_a_DOM.3F">Mi a DOM?</h3>
+<p>A <a href="hu/DOM">Dokumentumobjektum-modell</a> (DOM) egy API <a href="hu/HTML">HTML</a> és <a href="hu/XML">XML</a> dokumentumokhoz. A dokumentum szerkezetét modellezi és lehetővé teszi annak tartalmi és vizulális változtatását. Lényegében összeköttetést képez a weblapok és a script- vagy programozási nyelvek között.</p>
+<p>Minden tulajdonságot, metódust és eseményt, ami a webfejlesztő számára rendelkezésre áll a weboldalak szerkesztése és változtatása során, <a href="hu/Gecko_DOM_referencia">objektumokba</a> rendszerez. (pl. a document objektum jelöli a dokumentumot, a table objektum jelöli a HTML táblázatokat, stb.) Ezek az objektumok hozzáférhetőek a script-nyelvek számára az újabb böngészőkben.</p>
+<p>A DOM-ot leggyakrabban JavaScript-tel együtt használják. Azaz a kód JavaScript-ben van írva, de a DOM-ot használja a weboldalhoz és elemeihez való hozzáférés során.</p>
+<p>A DOM-ot azonban úgy tervezték hogy független legyen minden programozási nyelvtől, ezért a dokumentum szerkezeti modellje egyetlen, önálló és konzisztens API-ból érhető el. Bár a továbbiakban a JavaScriptre fogunk összpontosítani, a DOM-ot tkp. <a class="external" href="http://www.w3.org/DOM/Bindings">bármilyen nyelvből</a> elérhetjük.</p>
+<p>A <a class="external" href="http://www.w3.org/">World Wide Web Consortium</a> (W3C) meghatározta a <a class="external" href="http://www.w3.org/DOM/">standard DOM</a>-ot, amit W3C DOM-nak neveznek. Ma már a legfontosabb böngészők ezt támogatják, ezzel lehetővé teszik browserfüggetlen alkalmazások létrehozását.</p>
+<h3 id="Mi.C3.A9rt_fontos_a__DOM-t.C3.A1mogat.C3.A1s_a__Mozilla-ban.3F" name="Mi.C3.A9rt_fontos_a__DOM-t.C3.A1mogat.C3.A1s_a__Mozilla-ban.3F">Miért fontos a DOM-támogatás a Mozilla-ban?</h3>
+<p>A "dinamikus HTML" (<a href="hu/DHTML">DHTML</a>) fogalmat szokták használni a HTML, CSS és a scriptek kombinációjára, amivel pl. animációt helyezhetünk el weboldalunkon. A W3C DOM munkacsoportjában keményen dolgoznak azon, hogy nyelvsemleges megoldásokat tudjanak szabványosítani (lásd még <a class="external" href="http://www.w3.org/DOM/faq.html">W3C FAQ</a>). Mivel a Mozillát webalkalmazás-platformnak ("Web Application Platform") tervezték, a DOM támogatása az egyik leggyakrabban felmerülő követelmény és a elengedhetetlen megfelelni neki, ha a Mozilla életképes alternatíva kíván maradni a többi böngésző mellett.</p>
+<p>Talán még ennél is fontosabb, hogy a Mozilla (valamint a Firefox és a Thunderbird) felhasználói felülete XUL (XML User interface Language - XML felhasználói felületi nyelv) használatára épül. A Mozilla felhasználói tehát a DOM segítségével dinamikusan változtatni tudják a saját felhasználói felületüket is.</p>
+<p>{{ languages( { "en": "en/About_the_Document_Object_Model", "es": "es/Acerca_del_Modelo_de_Objetos_del_Documento", "fr": "fr/\u00c0_propos_du_Document_Object_Model", "ja": "ja/About_the_Document_Object_Model", "ko": "ko/About_the_Document_Object_Model", "pl": "pl/O_modelu_obiektowym_dokumentu", "zh-cn": "cn/\u5173\u4e8e\u6587\u6863\u5bf9\u8c61\u6a21\u578b", "ru": "ru/\u041e\u0431_\u043e\u0431\u044a\u0435\u043a\u0442\u043d\u043e\u0439_\u043c\u043e\u0434\u0435\u043b\u0438_\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430" } ) }}</p>