Rodyti/Paslėpti teksto turinį Ajax pagalba

Kartais prireikia tam tikrų informacinių blokų paslėpimo/rodymo funkcijos (kaip pvz didelės kategorizuotos registracijos formos, kur užpildyti laukus neprivaloma). Toks būdas sutaupo nemažai vietos vertikaliai.

Pirmiausia reikės prototype bibliotekos, parsiunčiam į /webroot/js/ katalogą. Toliau aplikacijos kontroleryje (Controller) nurodome JavascriptHelper’io biblioteką:

  1. var $helpers = array('Html', 'Form', 'Javascript');

Belieka tik šablone (View) įterpti šį kodą:

  1. <?php
  2.  // įterpiama prototype biblioteka
  3.  echo $javascript->link('prototype');
  4.  
  5.  // nuoroda, kuri paslepia/parodo turinį
  6.  echo $html->link('Rodyti/Paslėpti','#', array('onclick' => "Element.toggle('content');")); ?>
  7. ?>
  8.  
  9. <div id="content" style="display: none;">
  10.  Tekstas
  11. </div>
Data 2009.05.04 Komentarai 0 Kategorija CakePHP Žymės , ,