Construindo componentes em PHP e jQuery

evaldobarbosa

Você já deve ter visto alguns frameworks na internet que implementam diversas facilidades ao desenvolvimento de páginas e sistemas web como MVC e outros. Ao mesmo tempo pode ter visto frameworks javascript que implementam componentes visuais com um visual bacana e que facilitam, muitas vezes, a vida do programador na hora de desenvolver suas interfaces.

[ Hits: 27.062 ]

Por: Evaldo Barbosa em 03/02/2009

0 0

Denuncie Favoritos Indicar Impressora

Testando a classe

Para que o nosso teste funcione você deve baixar o jQuery, jQuery UI e mais dois plugins. Abaixo seguem as URLs para que você possa baixá-los:

jQuery
http://www.jquery.com/

jQuery UI
http://ui.jquery.com/

Price Format
http://meiaduzia.com.br/cuducos2/priceformat/

Maskedinput
http://www.tidbits.com.br/plugin-de-mascara-para-jquery-masked-input

Após baixá-los você deve organizar nas pastas como mostrado na seção HEAD do arquivo teste.input.php, cujo código segue abaixo.

Crie um arquivo teste.input.php e vamos testar a implementação da nossa classe Input.

teste.input.php:

<?
require "class.input.lib.php";
$cpf = new Input("cpfinput",null,false,0,0,"cpf");
?><html>
<head>
<link rel="stylesheet" href="http://localhost:8085/css/ui.all.css" />
<script src="http://localhost:8085/js/jquery-ui/jquery-1.3.js" type="text/javascript"></script>
<script src="http://localhost:8085/js/jquery.maskedinput.js" type="text/javascript"></script>
<script src="http://localhost:8085/js/jquery.price_format.1.0.js" type="text/javascript"></script>
<script src="http://localhost:8085/js/jquery-ui/jquery.ui.all.js" type="text/javascript"></script>
<script>$(document).ready(function() {
<? echo $cpf->getOutScript(); ?>
});</script>
</head>

<body>
<? echo $cpf->render(); ?>
</body>

</html>

Página anterior Próxima página

Páginas do artigo

   1. Introdução
   2. Testando a classe
   3. Estendendo a classe Input para facilitar a sua vida

Outros artigos deste autor

Macromedia Studio 8 no Wine em detalhes

Utilizando PHP e Apache para desligar um Ubuntu

Abordagem exemplificada de orientação à objeto com PHP 5

Abordagem exemplificada à Orientação a Objetos com PHP

Gerando gráficos com PHP e highcharts.com

Leitura recomendada

Enganando o proxy Squid (download de arquivos)

Easy Gallery - Componente Joomla

Implementando um tradutor de línguas no seu web site

O que é o e107

Deixando seu PHPNuke mais 'esperto'

Comentários

[1] Comentário enviado por removido em 05/02/2009 - 16:19h

Excelentge artigo

0 0

[2] Comentário enviado por evaldobarbosa em 05/02/2009 - 17:27h

Muito obrigado por ter lido e dado esse feedback, ilsahec, isso me deixa mais animado a escrever outro desse tipo.

0 0

[3] Comentário enviado por evaldobarbosa em 05/02/2009 - 17:43h

Gostaria de sinalizar, como efeito de errata, um pequeno erro que pode comprometer a classe.
Onde chamo, no type, date_picker, troque-se por datepicker, sem o "_", evitando o erro gerado em js.

0 0