Construindo componentes em PHP e jQuery

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: 23.953 ]

Por: Evaldo Barbosa em 03/02/2009


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

Utilizando PHP e Apache para desligar um Ubuntu

Macromedia Studio 8 no Wine em detalhes

Gerando gráficos com PHP e highcharts.com

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

Abordagem exemplificada à Orientação a Objetos com PHP

Leitura recomendada

Simulando o SSH via WEB

Estatísticas para todos

Instalando o Gerenciador Clínico Odontológico

Plugin Moip Assinaturas para CakePHP - Conheça e aprenda a usar

Wordpress: Hospede blogs no seu Linux

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

Excelentge artigo

[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.

[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.


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner
Linux banner
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts