segunda-feira, 6 de agosto de 2012

jQuery no Zend Framework

Bom dia pessoal, hoje vou fazer um pequeno tutorial de como configurar o jquery na sua aplicação.

Primeiro passo é baixar o jquery na sua maquina, para isso entre no site http://jquery.com/download/
quando voce clicar em download, vai ter levar para uma outra pagina, essa pagina é o codigo do jquery, copie todo o codigo que tem nessa pagina e crie um arquivo, no meu caso eu crie um arquivo chamado jquery-1.7.2.min.js

Agora que foi criado o arquivo, temos que colocar ele dentro da aplicação, criei uma pasta para colocar o arquivo do jquery no /public/js/jquery-1.7.2.min.js

Vamos chamar o jquery no sistema, eu fiz a chamdo do arquivo no layout do zend, pois assim faço a chamada só uma vez.Dentro do <head>  do layout.phtml do zend eu coloquei a tag <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
 e com isso ja basta para o jquery funcionar na aplicação

Vamos fazer um pequeno teste agora, coloque o seguinte codigo na view index:

  1. <div>
  2.     Aprendendo sobre jquery
  3.    
  4.     <input type="input" id="teste">
  5.     <button id="botao">Botao</button>
  6. </div>
  7. <script type="text/javascript">
  8.     $("#botao").click(function(){
  9.         alert($("#teste").val());
  10.     });
  11. </script>


com esse código, quando voce clicar no botão, ele vai dar um alert, mostrando o conteudo do input.

Com esse post espero ter ajudado a dar o primeiro passo com o jquery na sua aplicação, qualquer duvida só deixar um comentário.

Abraços.


Um comentário:

  1. prezado rafael

    caso tenha o roteiro, pedi para notificar via google.

    abs
    ernani

    ResponderExcluir