scriptaculousMint a mókus fenn a fán, a webszerkesztő oly vidám, bármit berak most a DOM-ba. Elő a kőműveskanalakat kispajtások, DOM-ot építünk!
A scriptaculous az úttörőtáborokban eltöltött csodás napok emlékére, valamint a szabványharcosok nagy örömére megalkotta a Builder objektumot. Használatához a minimális js betöltés a következő.

<script type="text/javascript" src="eleresi/ut/prototype.js">
</script>
<script type="text/javascript" src="eleresi/ut/builder.js">
</script>

A Builder.node a document.createElement() eljáráshoz képest azzal az előnnyel jár, hogy bárminemű attribútomot aggathatunk rá az elemünkre vele azonnal. Kiváltható az innerHTML tulajdonság, ami ugyan nem szabványos, ám praktikusan teljes körűen támogatott, viszont nagy hátrányaként említhető meg, hogy MS gyártmány, hogy a kódunkat nem teszi éppen a legkönnyebben fenntarthatóvá.

Az objektum magáért beszél, további magyarázatok helyett itt egy pár példa. Az itt bemutatott utasítások létrehoznak egy dom elemet, de azt utánna nekünk kell az appenChild metódussal becsatolni a domba.

Builder.node('h1', 'Góranga!');

Builder.node('a',
  {
    href : 'http://kivagyok.hu',
    className : 'menulink'
  },
  'KiVagyok a neten');

Még az elég összetett karácsonyfák is viszonylag könnyen olvashatóak lesznek.

Builder.node(
		'ul',
		{id : 'menu'},
		[Builder.node(
			'li',
			{className : 'menuli'},
			Builder.node(
				'a',
				{href : 'http://krisnavolgy.hu'},
				'Krisna-völgy')),
		Builder.node(
			'li',
			{className : 'menuli'},
			Builder.node(
				'a',
				{href : 'http://krisna.hu'},
				'Krisna.hu'))]);

Amit a scriptaculousról tudni érdemes 6
Cimke:             

6 thoughts on “Amit a scriptaculousról tudni érdemes 6

  • 2008. április 05. at 16:58:52
    Permalink

    Szia,
    A múltkor belefutottam egy olyan problémában, hogy HTML input elemet dobtam Insertion. osztállyal a böngészőbe, de POST|GET metódusnál már nem volt bent a változó éréke PHP oldalon. Ahogy elnézem ez megoldás lehet a problémára.

    Másik kérdés:
    Csak Prototype.js-re épülő könyvtárakat használsz?
    Ha igen miért? 🙂 (megjegyzem nekem is ez a szimpibb)
    Mi a véleményed a JQuery-ről és egyéb keretrendszerekről?

    Válasz
  • 2008. április 05. at 17:13:46
    Permalink

    LLáma soft: A válasz egyszerű, ezzel foglalkoztam részletesebben, a többit csak ránézésre ismerem. JQuery, dojo, Yahoo és google – ezekbe néztem bele, de a prototype tűnt első körben a legegyszerűbbnek, legátláthatóbbnak és leghasználhatóbbnak. Most meg már egyrészt hozzászoktam, másrészt meg megoldja az igényeimet, így nem is gondolom, hogy a többivel meg kéne alaposabban ismerkednem.

    Válasz
  • 2008. április 05. at 23:07:33
    Permalink

    Szia! Lelkes WebMánia olvasó vagyok, feed-en keresztül, GugliReader-ben fogyasztom. Néhány nappal ezelőtt – ezeddig először – a teljes WebMánia post-ok megjelentek a Reader-emben. Most sajnos visszaállt az eredeti állapot, csak 4-5 sor látszik. 🙁 Nem tudom, Rajtad múlik ez (feedburner bizgetése) vagy esetleg máshol dől el. Ha szavazni lehetne, részemről 1 szavazat a teljes post-okat tartalmazó feed-re.. 🙂

    Válasz
  • 2008. április 05. at 23:09:19
    Permalink

    ó, most nézem, egyeznek az ikonjaink: Ubi+róka 🙂

    Válasz
  • 2008. április 06. at 15:17:06
    Permalink

    kirandulo: A feed tartalmat én állítottam vissza a 4-5 sorra. A feed egy ízelítő, segítség, hogy az ember tudjon mazsolázni. Szóval ezért nem gyűröm bele a teljes anyagot. Ha valaki olvasni akarja a teljes bejegyzést, akkor katt 🙂

    Válasz
  • 2008. április 07. at 11:09:04
    Permalink

    köszönöm a választ (eleve offtopic kérdésemre)! természetesen elfogadom, bejegyzéseid továbbra is lesem, nagyon hasznosak, ezúton is köszönöm.

    Válasz

Hozzászólás a(z) LLáma soft bejegyzéshez Kilépés a válaszból

Az e-mail címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük