Arquivo da tag: Plugins

Wp-Currículo Vitae – winstongomes.com.br

O site http://winstongomes.com.br/ já está usando o WP-Currículo Vitae, faça o mesmo, para acessar a página do plugin clique aqui, e saiba tudo sobre o plugin.
Campanha-Curriculo

Drag & Drop com PHP e jQuery

JQuery
JQuery (Photo credit: Wikipedia)

A capacidade de arrastar e soltar conteúdo de uma página e ter que salvar a ordem de usuário, é realmente grande e relativamente fácil de executar com algumas linhas de jQuery. Você precisa incluir a biblioteca de jQuery, que você pode encontrar aqui: jQuery API do Google. Todos os arquivos necessários para obter a instalação e funcionamento estão no final deste post.

Neste tutorial vamos olhar para 2 páginas principais do PHP. a página index.php, que contém o conteúdo e funcionalidades para executar a arrastar e soltar o arquivo e updateList.php que é um simples pedaço de código para atualizar a coluna listOrder no banco de dados usando PHP e MySQL. Além disso, você terá que adicionar os seus dados de banco de dados para o arquivo connect.php que está no final do post. Continue lendo Drag & Drop com PHP e jQuery

Os 55 melhores Plugins jQuery

jquery carrossel

Em web design um carrossel jQuery é um elemento dando aos visitantes fácil acesso a vários itens de conteúdo. É normalmente uma lista de rolagem dinâmica de itens na ordem horizontal onde os itens anteriores e posteriores são parcialmente visíveis. Os itens, que podem ser de conteúdo HTML estático ou carregado com (ou sem) AJAX, pode ser rolada para trás e para frente (com ou sem animação). Usando deslizantes painéis horizontais, conhecidos como carrosséis e Sliders, para apresentar conteúdos de topo é uma das tendências mais fortes de web design ao longo do último par de anos. É um método muito eficaz para aumentar a usabilidade do site web e envolver o usuário. A razão para esta tendência se deve principalmente a chegada do jQuery que tornaram quase “passeio no parque” a adicionar um carrossel jQuery ou deslizante jQuery imagem plugin para um web site.Hoje em dia existem muitos excelentes plugins jQuery Carousel livres disponíveis e torna-se difícil escolher o melhor. Este artigo foi criado especificamente para ajudar você a começar a usar Carrosséis jQuery mas você também pode querer verificar para fora alguns Slider jQuery plugins.Este artigo foi recentemente atualizado com novos plugins jQuery carrossel e todos os links onde verificada. Continue lendo Os 55 melhores Plugins jQuery

10+ jQuery galeria de fotos e plugins slider

Uma imagem vale mais que mil palavras. Nenhuma dúvida sobre isso. A maioria dowebsite de informações baseado em como a CNN, ESPN, todos eles estão usandouma apresentação de slides enorme foto na primeira página. É um método muito eficaz para atrair a atenção dos espectadores.

Então, aqui vai. 15 galeria de fotos baseada em jQuery e controles deslizantes.Aproveite. Continue lendo 10+ jQuery galeria de fotos e plugins slider

30 Javascript Image e Galeria de fotos – Mootool, Prototype, jQuery e Tutoriais

Nesse post tem vários scripts de galeria de fotos feito em jQuery, Mootool, Prototype e com alguns tutoriais. Continue lendo 30 Javascript Image e Galeria de fotos – Mootool, Prototype, jQuery e Tutoriais

3 efeitos de “página enrolada” em jQuery

Provavelmente você já deve ter pensando em “guardar” algum conteúdo do seu website em abas ou em painéis ocultos, ou mostrar alguma propaganda certo? Porque não em páginas que se desenrolam? Vamos agora a 3 belos efeitos de páginas dobradas em jQuery. Continue lendo 3 efeitos de “página enrolada” em jQuery

Plugin de Máscara de formulários para JQuery – Masked Input

Se trata de um plugin bem simples e pequeno (2.8kb) de jquery pra fazer máscaras nos inputs de um formulário, como cpf, cnpj, telefone, cep, etc…

Pra usar é bem simples, faça download dos arquivos :

JQuery 1.2.6, versão pack e
Masked Input-1.1.4, versão pack

e chame-os dentro do HEAD da sua página :

 título do site  ...<script src="js/jquery-1.2.6.pack.js" type="text/javascript"></script><script src="js/jquery.maskedinput-1.1.4.pack.js" type="text/javascript"></script>

Para aplicar a máscara, as regras são simples:

a – Representa qualquer letra (A-Z,a-z)
9 – Representa qualquer número (0-9)
* – Representa qualquer caractére alfanumérico (A-Z,a-z,0-9)

Veja os exemplos

<script type="text/javascript">// <![CDATA[
$(document).ready(function(){
$("#telefone").mask("9999-9999");
$("#cpf").mask("999.999.999-99");
$("#cep").mask("99999-999");
$("#data").mask("99/99/9999");
});
// ]]></script>

Veja um exemplo de um campo ajustável, onde pode ser usado como CPF ou como CNPJ no mesmo campo.

<script type="text/javascript">// <![CDATA[
function str_replace(busca,subs,valor){
			var ret=valor;
			var pos=ret.indexOf(busca);
			while(pos!=-1){
				ret=ret.substring(0,pos)+subs+ret.substring(pos+busca.length,ret.length);
				pos=ret.indexOf(busca);
			}
			return ret;
		}

function mascara(valor,masc){
	var res=valor,mas=str_replace("?","",str_replace("9","",masc));
	for(var i=0;i<mas.length;i++){
		res=str_replace(mas.charAt(i),"",res);
		mas=str_replace(mas.charAt(i),"",mas);
	}
	var ret="";
	for(var i=0;i<masc.length&&res!="";i++){ switch(masc.charAt(i)){ case"?": ret+=res.charAt(0); res=res.substring(1,res.length); break; case"9": while(res!=""&&(res.charCodeAt(0)>57||res.charCodeAt(0)<48))res=res.substring(1,res.length);
				if(res!=""){
					ret+=res.charAt(0);
					res=res.substring(1,res.length);
				}
				break;
			default:
				ret+=masc.charAt(i);
		}
	}
	return ret;
}

	$(document).ready(function(){
		
		$("#cpf_cnpj").keyup(function(){
			
			if($(this).val().length <= 14) 
				$(this).val( mascara($(this).val(), '999.999.999-99') ); 
			else
				$(this).val( mascara($(this).val(), '999.999.999/9999-99') ); 
				
		})
		
	});
// ]]></script>

E o campo fica assim


<input id="cpf_cnpj" name="cpf_cnpj" type="text" />

Fonte: digitalbush

Até a próxima. =)

Quer ter todas as funções do wordpress.com em seu blog? Use o plugin Jetpack

jetpack_full_logo_transparentQuando hospedamos nossos blogs/sites construídos na plataforma WordPress em diversos servidores sentíamos a falta das funções oferecidas pelo wordpress.com, digo sentíamos porque agora contamos com o plugin Jetpack que após instalados oferece diversos funções dentre elas a estatística nativa do wordpress.com.