Punksolid » Scriptaculous http://www.punksolid.com Tecnologia, Curiosidades, Sistemas de Informacion. Mon, 06 Sep 2010 09:33:04 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Como Actualizar un Div con Ajax y CakePHP 1.2 http://www.punksolid.com/como-actualizar-un-div-con-ajax-y-cakephp-1-2/2009/ http://www.punksolid.com/como-actualizar-un-div-con-ajax-y-cakephp-1-2/2009/#comments Wed, 16 Sep 2009 02:01:58 +0000 Punksolid http://www.punksolid.com/?p=439 Empezaré suponiendo que tienes nociones básicas sobre CakePHP1.2 y sabes hacer de perdida un CRUD.

Agregar las librerías javascript

Cakephp tiene una buena integración con las librerías javascript de prototype y scriptaculous, las cuales debemos descargarlas primero desde la pagina de descarga de scriptaculous y la de descargas de prototype, la de prototype es un archivo js. [...]]]> Empezaré suponiendo que tienes nociones básicas sobre CakePHP1.2 y sabes hacer de perdida un CRUD.

Agregar las librerías javascript

Cakephp tiene una buena integración con las librerías javascript de prototype y scriptaculous, las cuales debemos descargarlas primero desde la pagina de descarga de scriptaculous y la de descargas de prototype, la de prototype es un archivo js. Renombrar a prototype.js y ponlo en “app/webroot/js”.

La librería de scriptaculous es un archivo .zip que contiene una carpeta src que a su vez contiene muchos archivos js los cuales debemos copiar y ponerlos también en la app/webroot/js.

Añadir los helpers javascript y ajax al controlador

Ahora necesitamos agregar los helpers de javascript y de ajax. Una opcion es agregarlos a cada controlador a como la vayamos necesitando o agregarlos al app_controller para que estén disponibles en todos los controladores.

class AppController extends Controller {
var $helpers = array('Html','Form','Javascript','Ajax');
 
}
<h3>Vistas</h3>
Cada vista que sue javascript debemos añadirle las siguientes etiquetas
<?php
echo $javascript->link('prototype');
echo $javascript->link('scriptaculous');
?>
<h2>Ajax 3 - testing ajax link and button</h2>
<?php
        $link_array1 = array('controller'=>'tweets' ,'action'=>'simple_ajax1_fcn');
		//the function to execute: function ajaxfcn1 in controller tests
        $link_array2 = array( 'update' => 'divout');
 
       echo ($ajax->link('this an ajax link', $link_array1,$link_array2));
        echo "<br/><br/>";
?>
 
<br/>
<div id="divout">
the div to update
</div>

Controlador

<?php
class TweetsController extends AppController {
 
        var $name = 'Tweets';
        var $uses = array();            // prevent cake from looking for a database model
		var $helpers = array('Html','Ajax','Javascript');
        function index() {
 
        }
        function simple_ajax1_fcn() {
                $this->autoRender = false;
                echo "text from ajax call";
        }
}?>
]]> http://www.punksolid.com/como-actualizar-un-div-con-ajax-y-cakephp-1-2/2009/feed/ 3