Amit a scriptaculousról tudni érdemes 6

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'))]);

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

  1. 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?

  2. 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.

  3. 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.. 🙂

  4. 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 🙂

  5. 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élemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöljük.