Vamos lá

Para usar o pluguin você deve importar também o jQuery (lógico né?!).

Importando os arquivos de javascript.

<!-- Inclusão do Jquery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" ></script>
<!-- Inclusão do Jquery Validate -->
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.6/jquery.validate.js" ></script>

Criando o formulário

<form id="meu_form" action="" method="post" >
	Nome:<br />
	<input type="text" name="nome" id="nome" /><br />
	Email:<br />
	<input type="text" name="email" id="email" /><br />
	Senha:<br />
	<input type="password" name="senha" id="senha" /><br />
	Confirmação de Senha:<br />
	<input type="password" name="conf_senha" id="conf_senha" /><br />
	Aceito os termos e condições:<br />
	<input type="checkbox" name="termos" id="termos"/><br />
	<input type="submit" value="Cadastrar" />
</form>

E a validação:

<script type="text/javascript">
	$(document).ready(function(){
		$('#meu_form').validate({
			rules:{
				nome:{
					required: true,
					minlength: 3
				},
				email: {
					required: true,
					email: true
				},
				senha: {
					required: true
				},
				conf_senha:{
					required: true,
					equalTo: "#senha"
				},
				termos: "required"
			},
			messages:{
				nome:{
					required: "O campo nome é obrigatorio.",
					minlength: "O campo nome deve conter no mínimo 3 caracteres."
				},
				email: {
					required: "O campo email é obrigatorio.",
					email: "O campo email deve conter um email válido."
				},
				senha: {
					required: "O campo senha é obrigatorio."
				},
				conf_senha:{
					required: "O campo confirmação de senha é obrigatorio.",
					equalTo: "O campo confirmação de senha deve ser identico ao campo senha."
				},
				termos: "Para se cadastrar você deve aceitar os termos de uso."
			}

		});
	});
</script>

No formulário acima temos os campos e validações:
Nome: Obrigatório e no mínimo 3 caracteres.
Email: Obrigatório e Email Válido.
Senha: Obrigatória.
Confirmação de Senha: Obrigatória e idêntica a “senha”.
Termos e Condições: Obrigatório.

Faça o download dos arquivos.

No site do Jquery, você encontra uma lista de validações padrão, embutidas no plugin Validate.

Espero que tenham gostado.
[ratings]

Para compartilhar use este link:

http://migre.me/Hkk4

Hoje trabalhando com o WordPress passei por um problema que eu demorei muito pra resolver.

A situação é a seguinte, precisava fazer uma busca nos posts de uma categoria especifica e exibir somente 2 posts.
O problema é que usando essa “query_post()” customizada, a paginação nativa do WordPress não funcionava corretamente. Sempre apresentava o erro “Not Found“!

Pequisei por vários blogs, e encontrei umas respostas bacanas, como a do SytlizedWeb , porem mesmo com a solução apresentada, não consegui resolver meu problema.

A solução apresentada foi:

if (have_posts()) :
    $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
    query_posts("category_name=alguma-categoria&showposts=2&paged=$paged");
    while (have_posts()) : the_post();
	/** Restante do loop **/

O problema é que mesmo assim não funcionou, e depois de algum tempo eu fui descobrir que no Wp-Admin em : Settings>>Reading você tem a opção de “Blog pages show at most” que por padrão vem 10. Sendo assim você deve alterá-la para 1, pois aí o wordpress ira buscar apenas os posts que você solicitar no parametro “showposts“.

Obrigado.
[ratings]

Google Analytics

Olá pessoas,
Pouca gente sabe como usar o Google Analytics para medir campanhas.
Geralmente o pessoal envia newsletters que contém links para o seu site, mas você precisa saber que essas visitas vieram do newsletter, medindo assim seus resultados. Você pode usar o analytics para qualquer link que direcione o usuário ao seu site,seja banner em outras páginas, links patrocinados e outros.O Google Analytics dispoe de algumas variáveis para mensurar campanhas de marketing.

Como usar:

Coloque em seus links os seguintes parametros:
[/php]

utm_source : De onde o visitante veio (ex: google, newsletter, site do fulano, etc).
utm_medium : Qual o tipo de midia utilizada na campanha ( ex: banner, email , etc).
utm_term : Qual a palavra chave que você vinculou a essa campanha ( ex: maes, natal ,futebol ).
utm_campaign: Qual o nome da campanha ( ex: Promoção de Natal, Mes das mães, etc).

[/php

Em um exemplo mais claro, o link ficaria assim:

http://www.site.com/?utm_source=newsletter&utm_medium=email&utm_term=maes&utm_campaign=dia_das_maes

Com esse link, o arquivo javascript do Google Analytics que está no seu site, vai processar tambem esses dados, apresentando resultados em seus relatorios.

UPDATE:
Você encontra tambem no googleanalitics um formulário para criar links de campanhas.

Em breve farei outros tutoriais sobre o Google Analytics.
Obrigado
[ratings]

Dessa vez eu vou falar um pouco sobre o jQuery Valitation um plugin do jQuery para validação de campos.
Vou abordar sobre uma validação remota que está presente nesse plugin e é muito útil para validar campos únicos em formulário.

Por exemplo, no seu site, você tem um formulário de cadastro que tem os campos login e senha, mas o campo de login deve ser único e você quer fazer essa validação usando o plugin Validation.

1º passo: Incluir o jQuery e o plugin Validation ao seu html:

<!-- Inclusão do Jquery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"><!--mce:0--></script>
<!-- Inclusão do Jquery Validate -->
<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.6/jquery.validate.js" type="text/javascript"><!--mce:1--></script>

2º passo: Criar o formulário:

<form id="meu_form" method="post">
Login:
<input id="login" name="login" type="text" />
Senha:
<input id="senha" name="senha" type="password" />
<input type="submit" value="Cadastrar" />
</form>

3º passo: Fazer a validação

<!-- Validação do forumlário -->
$(document).ready(function(){
				$('#meu_form').validate({
					rules:{
						login:{ required: true, remote: 'verifica.php' }
					},
					messages:{
						login:{ required: 'Este Campo é obrigatorio' , remote: 'Este Login já está em uso.'}
					}

				});
			});

Repare que o campo ‘login’ tem a validação ‘required’ (campo obrigatório) e a validação ‘remote’ (remota), sendo assim quando o usuário acaba de digitar o login ele vai no servidor e passa esse valor via GET

Pelo firebug podemos observar a requisição sendo feita ao servidor:

Como no validate colocamos remote: ‘verifica.php’ , é enviado o parametro login (nome do campo) e o valor digitado.
No arquivo verifica.php, recebemos esse valor com o $_GET['login'] , fazemos a consulta no banco e então

//Se o login já existir você exibe false
echo 'false';
//Se o login não existir
echo 'true';

pois essa verificação retorna ao validate se o campo é válido ou não.

Veja o Demo.

Faça o download dos arquivos.

Espero que tenham gostado.
Obrigado pela visita.

Dê sua nota: [ratings]

Vi pelo twitter um post do @ErickBelfy que tinha um link para o site http://www.electrictoolbox.com/how-to-tell-ajax-request-php/ e resolvi postar em meu blog essa dica.

Geralmente quando eu envio uma requisição ajax para o php eu passo via GET um valor informando que o processamento é assincrono então eu faço algo do tipo

pagina.php?ajax=1

<?php if(isset($_GET['ajax']) //é requisição ajax else // requisição comum. ?>

O interessante é que usando a variavel $_SERVER eu consigo identificar se a requisição é assincrona ou não:

<?php if(isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') //é uma requisição ajax else // é uma requisição comum ?>

e para melhorar o código fica mais prático criar uma constante que contenha esse valor

<?php define('IS_AJAX', isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest'); //então if(IS_AJAX) //é uma requisição ajax else //é uma requisição comum ?>

#ficaADica

Obrigado por visitar o blog.
[ratings]

<?php
    /* function getBrowser
     * returns the detected browser
     */
    function getBrowser()
    {
        $var = $_SERVER['HTTP_USER_AGENT'];
        $info['browser'] = "OTHER";

        // valid brosers array
        $browser = array ("MSIE", "OPERA", "FIREFOX", "MOZILLA",
                          "NETSCAPE", "SAFARI", "LYNX", "KONQUEROR");

        // bots = ignore
        $bots = array('GOOGLEBOT', 'MSNBOT', 'SLURP');

        foreach ($bots as $bot)
        {
            // if bot, returns OTHER
            if (strpos(strtoupper($var), $bot) !== FALSE)
            {
                return $info;
            }
        }

        // loop the valid browsers
        foreach ($browser as $parent)
        {
            $s = strpos(strtoupper($var), $parent);
            $f = $s + strlen($parent);
            $version = substr($var, $f, 5);
            $version = preg_replace('/[^0-9,.]/','',$version);
            if (strpos(strtoupper($var), $parent) !== FALSE)
            {
                $info['browser'] = $parent;
                $info['version'] = $version;
                return $info;
            }
        }
        return $info;
    }

    // prints the detected browser
    print_r(getBrowser());
?>

é isso aí …só isso.
[ratings]
Abraços.

        //Input id="input-busca"
        $busca = $('#input-busca');
	$busca.blur(function(){
		if( $busca.val() == ''){
			$busca.val('Pesquisar');
		}
	});
	$busca.focus(function(){
		if( $busca.val() == 'Pesquisar'){
			$busca.val('');
		}
	});

muito simples né … mas quem tiver dúvidas pergunte nos comentários.

Update:
Com javascript puro, tambem é facil de fazer.
Por exemplo um input “Pesquisar”, basta você colocar diretamente no input os atributos onBlur e on Focus:

onFocus="javascript: if( this.value == 'Pesquisar' ){ this.value = '' } " onBlur="javascript: if( this.value == ''){ this.value= 'Pesquisar'}"

Vamos lá…

Para acompanhar o tutorial é necessário que você tenha o Wamp (http://www.wampserver.com/en/download.php) instalado, Windows Xp e conexão com a internet.

Primeiramente baixe o ZendFramework em http://framework.zend.com/download/latest ..

Faça o Download do Zend Framework

Enquanto o download é efetuado, vamos configurar o php em sua máquina.
Clique com o botão direito em Meu Computador > Propriedades > Avançado > Variáveis de amiente :  Selecione “Path” e clique em editar. no final de todos os paths que estão descritos lá coloque  ‘;’ (pois todos os caminhos estão separados por ; ) e em seguida o caminho para a pasta do PHP ( No caso do wamp em sua instalação padrão fica em C:\wamp\bin\php\php5.3.0 (dependendo da versao do seu php)).

Configure o Path

Feito isso abra o prompt e digite ” php -a ” … se aparecer a mensagem “Interactive Mode Enabled” está correto … se aparecer algo como “php não é um comando reconhecido, pode voltar e configurar a variavel Path novamente.

Agora que o download o Zend Framework acabou, descompacte-o e copie todos os arquivos da pasta bin  e cole na pasta do php ( No caso do wamp em sua instalação padrão fica em C:\wamp\bin\php\php5.3.0 (dependendo da versao do seu php)).

Copie o ZendFramework para o local correto

Agora crie  o seguinte caminho de diretorios “C:\php5\pear\” . Agora vá na pasta que vc descompactou o Zend e copie a pasta Zend para “C:\php5\pear\”.

Se estiver tudo ok, basta abrir o prompt e digitar “zf.bat create project NOME_DO_PROJETO” … crie seus projetos na pasta www do wamp, então via prompt vá até a pasta www do wamp e execute o comando de criar o projeto.

Crie o Projeto Zend Frame Work com o Zend Tool

Prontinho …seu projeto estará pronto e configurado.

Espero que tenham gostado…
Muito obrigado.
[ratings]

<?php echo “Hello World” ?>