Cu adevărat scriptaculos!


Webmasteri, începeţi cu demonstraţiile şi nu veţi mai avea nevoie probabil să citiţi rândurile de mai jos. Veţi vedea acolo cum s-ar putea face un magazin online în care obiectele se cumpără trăgându-le cu mouse-ul în coş! Sau auto-completarea la scrierea într-un control input, folosind AJAX! Sau sortarea unor elemente tot cu mouse-ul! Şi tot felul de efecte atrăgătoare…

Dacă cumva nu aţi dat deja click pe legătura de mai sus, iată despre ce este vorba. La Script.aculo.us se găseşte un puternic proiect, o bibliotecă javascript care permite webmasterilor implementarea a numeroase efecte în paginile lor. Versiunea beta a ajuns la 1.7.0 beta 2 (with morphing effects – nu prea îmi închipui ce efecte de morfing, dar cu siguranţă sună bine), în timp ce versiunea stabilă este acum 1.6.5 (veţi găsi şi în ea exemple pentru diferitele utilizări ale librăriei script.aculo.us).

La ce vă poate fi utilă această librărie javascript?

– dacă doriţi să realizaţi pagini în care să modificaţi anumite părţi fără reîncărcarea întregii pagini

– dacă doriţi să animaţi anumite elemente (o boxă care să tremure pentru a atrage atenţia; un anunţ care să „zboare” prin pagină şi apoi să se aşeze undeva)

– dacă doriţi ca navigatorul să poată să îşi autoconfigureze pagina sau să facă cumpărături prin drag and drop

– dacă doriţi să aveţi elemente ce nu pot fi implementate prin soluţii clasice (de exemplu un slider prin care navigatorul să stabilească o dimensiune sau o cantitate)

Despre modul de utilizare al librăriei puteţi citi aici. Primul pas (după descărcarea şi despachetarea arhivei) este să mutaţi fişierele prototype.js, scriptaculous.js, builder.js, effects.js, dragdrop.js, slider.js şi controls.js în subdirectorul unde ţineţi fişierele js ale sitului Dvs. Pentru a folosi librăria, în secţiunea head a paginii introduceţi două linii:

<script src="javascripts/prototype.js" type="text/javascript"></script>
<script src="javascripts/scriptaculous.js" type="text/javascript"></script>

Dacă nu doriţi să folosiţi tot ce oferă librăria (destul de probabil), atunci puteţi modifica a doua linie

<script src="scriptaculous.js?load=effects,dragdrop" type=...></script>

valorile pe care le puteţi indica, selectiv, fiind builder, effects, dragdrop, controls şi/sau slider. Ca exemple de utilizări, situl oferă următoarele:

  <script type="text/javascript" language="javascript">
    // <![CDATA[
      Effect.Appear('element_id');
    // ]]>
  </script>

 

  <div onclick="new Effect.SwitchOff(this)">
    Click here if you've seen enough.
  </div>
 
  <div onclick="new Effect.BlindUp(this, {duration: 16})">
    Click here if you want this to go slooooow.
  </div>

Pentru mai multe informaţii puteţi consulta documentaţia aferentă librăriei. Succes!


Apreciază articolul:

1 stea2 stea3 stea4 stea5 stea (Neevaluat încă)
Loading...Loading...

0 comentarii


Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *