No artigo de hoje trago-vos um script, em PHP e AJAX, muito utilizado pela maioria formulários na altura de nos registar-mos em algum website. O script baseia-se em testar, em tempo real, se o utilizador que estamos a introduzir já está em uso naquele momento. Com este simples script utilizando PHP e Ajax faremos um funcional sistema de verificação da disponibilidade de um campo, neste caso será o utilizador (username). O que pretendemos é usar os eventos do Ajax e proporcionar ao utilizador um sistema de verificação de disponibilidade em tempo real. Existe N, formas de obeter o mesmo resultado, nós vamos usar o mínimo possível, de maneira a ser totalmente compatível e personalizável nós vossos sistemas. HTML Primeiro realizamos… Continuar a ler
Autor: Fábio
No artigo de hoje trago-vos um simples e útil guia de como instalar o Zend Framework localmente, de forma a trabalharem com uma das melhores framework actualmente, sem pagarem nada por isso. O Zend Framework (ZF como é conhecido), como o nome indica é uma framework para aplicações web opensource (código aberto), com isto diz que está sempre em constante desenvolvimento. Orientado a objeto, implementa o PHP 5(+). Este framework foi/é desenvolvido com o objetivo de simplificar o desenvolvimento de aplicações web promovendo assim as melhores práticas de desenvolvimento em PHP. O Zend foi fundado pelos programadores do núcleo de PHP, Zeev Suraski e Andi Gutmans. Requisitos – Ambiente windows – ZF ultima versão – Xampp Windows (servidor local) Configuração… Continuar a ler
Upload de arquivos – PHP
Neste artigo, vamos criar um script simples de fazer upload de arquivos, utilizando somente o PHP para obter esse resultado. Muitos sistemas permitem o upload de arquivos a partir de um simples formulário HTML, e quem nunca se perguntou como realmente funciona a lógica desse pequeno sistema, mais a frente veremos como é simples ter um sistema parecido. Simples não quer dizer que seja básico, vamos criar algumas validações para se tornar mais perto da realidade do que necessitamos. Upload de arquivos – HTML Antes de começar vamos criar um simples formulario, utilizando o enctype=”multipart/form-data”, sendo que de resto é como se fosse um forme normal. <form method=”post” action=”index.php” enctype=”multipart/form-data”> <p><h2>Arquivo</h2></p> <p><input type=”file” name=”arquivo” /></p> <p><input type=”submit” value=”Enviar” /></p> </form>… Continuar a ler
Ver força da Password – JQuery
No artigo de hoje vamos ver como fazer um verificador de força de password em JQuery, de maneira bem simples mas acima de tudo funcional. Verificar a força da password é muito útil para sites que permitem o registo do usuário e/ou actualizações de password. A maioria dos utilizadores o que quer é apressar o processo de registo, e geralmente não dão muita atenção à força da password, isto leva a uma básica falta de segurança visto que a password podem ser descobertas facilmente. Tendo isto em mente, vamos criar um verificador de força de password utilizando o JQuery, ajudando os utilizadores, de forma a terem boas combinações. HTML Em primeiro lugar criamos um formulário tendo em atenção os ID’s,… Continuar a ler
Menu slide para mobile – JQuery
No artigo de hoje vamos ver como é possível, de maneira bastante fácil e rápida, criar um menu estilo slide, utilizado muito nos meio mobile. Muitos já devem ter reparado que os sistemas para telemóveis usam, ou usaram, muito o menu que vamos exemplificar agora, alem de ficar esteticamente bonito e agradável é bastante fácil de ser feito. Estes menus, nativos, ficam na sua maioria (iOS7) escondidos na esquerda e após algum opção eles aparecem ‘empurrando’ o conteúdo para o lado esquerdo. Para este exemplo vamos usar CSS, HTML e claro o nosso companheiro de efeito JQuery. Resultado pretendido Como referido anteriormente o resultado que queremos é um menu escondido que ira ficar visível após alguma opção seja activo, no… Continuar a ler
Checklist amigável em JQuery
Hoje, neste artigo, vamos ver como é possível transformar uma simples lista com checkboxs (checklist) numa lista mais amigável e visualmente atrativa usando apenas HTML, CSS e JQuery. Todos os que trabalham ou gostam da área de webdesign sabem que os olhos é mais de metade dá força para o utilizador dizer que o website é ou não bom, então seguindo esta lógica, podemos transformar coisas simples, em coisas mais elaboradas e visualmente mais atraentes para o utilizador. Para este artigo escolhi um exemplo simples, uma lista com checkboxs (checklist) mas tentando torna-la o mais atrativa possível, sem que fosse demorada de fazer por parte do programador ou designer. O resultado a que chegamos foi, na nossa opinião, excelente… Simples,… Continuar a ler
Hover Fade simples em JQuery
Neste artigo vamos ver com é fácil a criação de um simples plugin Hover Fade para JQuery. Desde o lançamento do jQuery em 2006, jQuery rapidamente se tornou a mais popular biblioteca JavaScript e de escolha para todos os profissionais web. Atualmente existem centenas de plugins disponíveis para quase qualquer coisa possamos querer fazer, com jQuery, pode apenas fazer download e começar a usar os plugins maravilhosos no seu projeto, de imediato. Mas há momentos em que queremos criar o nosso próprio plugin jQuery, vamos descobrir o quão fácil é criar um plugin jQuery. Vamos ver o básico para a criação de um plugin para jQuery. Vamos criar um plugin chamado hoverfade. Este plugin terá apenas a tarefa de fade-in… Continuar a ler
No artigo de hoje vamos ver como é possível, de forma simples, ver algumas informações da nossa conta das redes sociais Facebook, Twitter e Google Plus isto tudo em PHP acedendo a arquivos JSON. Alguns dados do Facebook, Twitter e Google Plus estão disponíveis ao publico comum no formato de arquivo JSON, podemos usar algumas informações para exibir facilmente número de likes, seguidores, etc… em texto simples. JSON (JavaScript Object Notation) é um arquivo leve que apresenta certas anotações/dados, ficou bastante conhecido por ser extremamente fácil de manipular, sendo a alternativa perfeita do XML. Links JSON Facebook, Twitter e Google Plus usam links diferentes para apresentarem os ditos arquivos JSON. http://api.twitter.com/1/users/show.json?screen_name=<screen NAME>; http://graph.facebook.com/<page ID OR NAME>; https://www.googleapis.com/plus/v1/people/<page ID>?key=<google API KEY>;… Continuar a ler
SelectBox dinâmico
Hoje vamos ver como fazer um selectbox dinâmico, muito utilizado quando temos uma escolha que influencia directamente outra escolha, isto é, por exemplo: Na escolha de Paises>Cidades>(…), neste exemplo os países influencia o comportamento da selectbox, por isso criamos uma condição em JQuery, para que a selectbox seja totalmente dinâmica. Pensando já em pseudó-código, seria algo como: Os filhos teriam o ID do pai, quando escolhemos um Pai percorremos todos os Filhos a ver qual deles tem o ID do Pai escolhido e apresentamos essa informação. Array de dados Antes de qualquer outro passo, temos de criar a informação a ser apresentada, neste exemplo vamos utilizar uma array estática, mas se for o caso podem ir primeiro a base de… Continuar a ler