Posts Tagged jQuery

Associando eventos dinamicamente no jQuery

Você sabia que é possível associar eventos antes mesmo dos elementos estarem presentes no DOM? Conheça os métodos .live() e .delegate() e aprenda a interagir com ações do usuário no seu site.

Quem nunca teve problemas com associação de um evento a um elemento que foi colocado dinamicamente no DOM? Eu já tive vários… Até ler este artigo, rs… Se você trabalha com jQuery, não deixe de ler!

Clique aqui para ler o artigo completo

Por Davi Ferreira

,

Nenhum comentário.

Seletores jQuery

Um amigo (Sr. Tadao Kuroda) me passou um site bem bacana com exemplos de vários seletores jQuery. Vale a pena tanto para pesquisa quanto para quem está querendo aprender… Confiram:

http://codylindley.com/jqueryselectors/

Nenhum comentário.

Utilizando de forma simples o ajax do jQuery

O intuito desse post é mostrar como é fácil trabalhar com o AJAX do jQuery. O exemplo abaixo simula o submit de um formulário, utilizando o ajax de uma forma bem simples.

Arquivo view.php
  1. <html>
  2. <head>
  3. <title>Exemplo Submetendo um formulario com jQuery.ajax</title>
  4.  
  5. <script type="text/javascript" src="jquery-1.3.2.js"></script>
  6.  
  7. <script language="javascript" type="text/javascript">
  8.  
  9. $(document).ready(function(){
  10.  
  11.  $('#submit').click(function(){
  12.  
  13.   $.ajax({
  14.    url: 'control.php',
  15.       async: false,
  16.       type: 'POST',
  17.       data: $('#form').serialize(),
  18.       dataType: 'text',
  19.    });
  20.  
  21.  });
  22.    
  23. });
  24.  
  25. </script>
  26.  
  27. </head>
  28. <body>
  29.  
  30. <h2>Exemplo Submetendo um formulario com jQuery.ajax</h2>
  31. <h4><a href="http://www.ti.thiagocolares.com.br"><i>http://www.ti.thiagocolares.com.br</i></a></h4>
  32.  
  33. <form id="form">
  34. Nome: <input type="text" name="nome"/><br/>
  35. Email: <input type="text" name="email"/><br/>
  36. </form>
  37.  
  38. <button id="submit"/>Submeter</button>
  39.  
  40. </body>
  41. </html>

Dessa forma, os dados do formulário serializado chegarão no seu $_POST:

Arquivo control.php
  1. <?php
  2.  
  3. print_r('Dados submetidos com sucesso!');
  4. print_r($_POST);
  5.  
  6. ?>

“Ah, Thiago… Mas qual a diferença disso pra um submit tradicional?” Nenhuma. Mas você pode utilizá-lo a partir de qualquer evento JavaScript (blur, focus, etc…), inserir dados em banco, fazer consultas… Enfim, agora deixem a criatividade rolar :) Logo postarei um exemplo mais interessante utilizando o Zend Framework.

Documentação: http://docs.jquery.com/Ajax

Um abraço!

,

2 Comentários

Livro: jQuery – A biblioteca do programador JavaScript

Desde que comecei a trabalhar com tecnologia, sempre preferí adquirir livros a pesquisar material na internet. Ano passado resolví aprender mais JavaScript e cheguei ao jQuery. Por “falta de opção” de outros livros adquirí este livro do Maurício Samy Silva.

Desde então tenho vivido uma relação bem interessante com o jQuery e ele está presente em boa parte dos códigos que implemento. Se você quer aprender ou aprimorar seus conhecimentos em JavaScript/jQuery, te indico esse livro com toda a certeza de que lhe será muito útil. Se quiser uma “prévia” do que vai encontrar, pode fazer o download gratuito dos códigos de exemplo do livro aqui.

“Este livro ensina os fundamentos da biblioteca jQuery e detalha o emprego dos métodos padrão da biblioteca. É indicado para os usuários do nível iniciantes a intermediários. Não contempla as técnicas avançadas e nem o uso com AJAX, JSON, PHP, ASP ou outras linguagens de programação.”

Site do livro: http://www.livrojquery.com.br/

, ,

2 Comentários