Nos meus estudos tenho visto bastante sobre JQuery, que é uma ótima ferramenta para fazermos efeitos, validação de formulários, envio de dados do formulário e muitas outras coisas. Nas navegadas no google, encontrei uma ferramenta muito interessante, é o JsFiddle.

O que essa ferramenta faz é muito interessante, nela tem como você escrever ou colar o código HTML, CSS e Javascript separados, e ver em tempo real como que esta ficando o resultado, além disso, você pode salvar a sua aplicação, pegar o link e enviar para outras pessoas, assim eles verão funcionando e podem alterar também.

Os códigos ficam coloridos(syntax highlight), identados e já vem pré-configurado para usar os scripts JQuery, Mootools e muitos outros.

Essa ferramenta é muito interessante para desenvolvimento em grupo, envio de código para outra pessoa para ensinar e muitas outras funcionalidades.

Entrem no site http://jsfiddle.net/ e vejam o que esse serviço pode lhe oferecer.

Lembrando que esta na versão Alpha, tendo ainda muito que melhorar, apesar que o serviços já é ótimo!

Uma das coisas qu eu estou vendo muito nesses dias é orientanção à objetos, tanto na faculdade como nos estudos pessoais. Estou fazendo um sistema pessoal para controlar algumas coisas que eu faço no dia a dia, e resolvi fazer em php orientado à objetos. Não é muito difícil, depois que você aprende o conceito fica muito mais fácil, e ainda quando você tem um guia que possa te ajudar quando a dúvida aparecer, fica mais fácil ainda.

Esse guia de consulta foi feito originalmente por Andy Crathorne da AC Multimedia, e é uma tradução do guia “cheat sheet”.

Vai ajudar muito como um guia de consulta rápida para aqueles que estão começando na orientação à objetos em PHP, e também para aqueles com mais experiência que tem com pouca (ou muita) frequência os “brancos” que são tão famosos.

DOWNLOAD DO GUIA DE CONSULTA RÁPIDA – PHP ORIENTADO À OBJETOS

(para salvar o arquivo direto, pode clicar com o botão direito no link acima e depois clicam em “Salvar link como…”)

Quando vamos fazer um site ou blog, umas das coisas que sempre usamos são os formulários, seja para contato ou na área administrativa para inserir informações. Estou fazendo um sistema pessoal, que irá rodar em localhost em meu notebook, para alguns controles próprios, e estava querendo colocar um efeito diferente no formulário na hora de enviar as informações, então pesquisei um pouco sobre o JQuery, que é um script muito bom para fazer efeitos, personalizações e muitas outras coisas, e resolvi postar aqui o que eu fiz e como.

Lembrando que no exemplo é um formulário bem simples, com dois campos, nome e e-mail, depois que o mesmo clica em enviar, o formulário some e aparece uma barra de carregando, depois que é processado o formulário a barra de carregando some e aparece uma mensagem que os dados foi gravado com sucesso, isso tudo na mesma página e sem reload ou refresh. Vamos ao código então:

Primeiro iremos ter a página formulario.php:

formulario.php

<div id="formulario">

        //Começo do formulário de cadastro de e-mail, com os campos Nome e E-mail.
    	<div id="formularioEmail">
            <label for="nome">Nome:</label>
            <input type="text" name="nome" id="nome"/>

            <br /><br />

            <label for="email">E-mail:</label>
            <input type="text" name="email" id="email"/>

            <br /><br />

            <div align="center"><input type="submit" name="cadastrarEmail" id="cadastrarEmail"/></div>

         </div>
        //Fim do formulário de cadastro de e-mail.

        //Div com a imagem de carregando do formulário, isso aparece depois que você clica em enviar. Note que no style o display esta como none, sendo assim a div fica invisivel.
        <div id="carregando_form" style="text-align:center; display:none;"><img src="images/ajax-loader.gif" /></div>

        //Div que irá receber o retorno do processando, essa div esta como display none também, e irá aparecer quando a div de carregando sumir.
        <div id="retorno" style="font-family:Calibri, 'Trebuchet MS', Verdana; font-size: 15px; border: 1px solid #3DBF0D; background: #91DE76; text-align: center; display:none; padding: 10px 10px 10px 10px;"><br /></div>

</div>

Agora vamos ao código JQuery para envio do formulário, como você pôde ver no código acima, não estamos utilizando a tag html <form> pois é o código JQuery que irá enviar o formulário para a página que irá inserir os dados no banco de dados. Insira o código abaixo dentro da tag <head> do formulario.php, você também precisará do arquivo .js do JQuery.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">

$(function(){
//Função que ao clicar no botão, irá fazer.
$("#cadastrarEmail").click(function(){
//Irá esconder a div do formulario que é o formularioEmail, com efeito em slow.
$("#formularioEmail").hide("slow");
//Aqui diz que antes de enviar, irá aparecer a div carregando_form, com efeito slow.
beforeSend:$("#carregando_form").show("slow");
//Pegando os valores que foram digitados no formulário e colocando nas variáveis nome e email.
var nome = $("#nome").val();
var email = $("#email").val();
//Enviando as variáveis com os valores para a página envia_formulario.php e criando uma nova função para pegar o retorno da página envia_formulario.php
$.post("envia_formulario.php", { nome:nome, email:email }, function(get_retorno) {
//Depois que foi completado o cadastro e tem a mensagem de retorno, esconde a div carregando_form que tem a barra de carregamento.
complete:$("#carregando_form").hide("slow");
//Aqui coloca o valor que retono na função get_retorno dentro da div retorno, e mostra a div com efeito em slow.
$("#retorno").show("slow").text(get_retorno);
});
});
});

</script>

Agora podemos fazer a página envia_formulario, ela é bem simples para o exemplo:

envia_formulario.php

<?php
//INSERIR DADOS ENVIADOS DO FORMULÁRIO.
//Estamos levando em consideração que você já tenha a conexão com o banco de dados estabelecida nesse página.

//Pega os valores do formulário que foram enviado via JQuery e colocam nas variáveis.
$nome = $_POST['nome'];
$email = $_POST['email'];

//coloca na variável insertEmail o código SQL para inserção dos dados no banco de dados.
$insertEmail = "INSERT INTO tab_email (nome, email) VALUES ('$nome','$email')";

//Executa a inserção no banco de dados. Caso ocorra algum erro, mostra o e-mail na div retorno do formulario.php
mysqli_query($insertEmail) or die ("Ocorreu um erro");

//Mostra a mensagem que foi enviado com sucesso na div retorno no formulario.php
print "Cadastrado com sucesso";
?>

Como podemos ver a implementação do JQuery para envio e efeitos nas divs do formulário é muito simples, lembrando também que esse exemplo que fiz não é o mesmo que eu estou usando no meu sistema, esse exemplo praticamente fiz na hora, e precisa de adaptações para as suas necessidades, mas acredito que com esse exemplo já pode começar a fazer seus formulários com efeitos.

Lembrando que a documentação do JQuery podemos encontrar na página www.jquery.com como também o script para download.

Qualquer dúvida ou sugestões, estamos a disposição e serão muito bem vindas.

Abraços

Boa tarde a todos,

Voces já devem ter notado que suas imagens oriundas do imageshack, estão aparecendo como um ”sapo congelado”?? em assinaturas e postagens em fóruns. Se voce já notou, muito provavelmente já sacou que isso é devido a eventual cobrança de hospedagem não é mesmo?

O jeito é, ou mudar de hospedagem, ou utilizr o picasa, a escolha é sua, seguem duas postagens em blog referente ao assunto:

usando picasa

endereços de site para hospedagem

Boa sorte a todos!!

Fonte: http://rweu.blogspot.com/

Enviado por RWagner – roberto(at)epidemiclinux.org