Categoria Atual: HTML
O Plus Validate é Plugin jQuery que valida campos de um modo simples e objetivo e que está na versão 1.1!
Com esse plugin você pode validar:
- Se o campo for vazio:
- O mínimo de caracteres para esse campo e colocando uma mensagem de alerta:
- Forçar o usuário a digitar se o campo tem só números:
- Verificar se o E-mail é um endereço eletrônico.
Veja também no site oficial do jQuery:
http://plugins.jquery.com/project/plusvalidate
Navegadores: IE7+ / FF4+ / Chrome / Safari / Opera
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
O código é a engenharia completa de um site, sem ele não existe site, isso é um fato!
Ter um código limpo, não é necessariamente, ter um site 100% rodando sem erros, até porque, o erro não precisa ser “visualmente” constatado. Mesmo que seu site seja homologado muitas vezes por você mesmo, sempre passa alguma coisa que sua mente cansada não visualizou, ou simplesmente, deixou para resolver o tal erro, mais tarde e no final, não resolveu.
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
Uma maneira simples de bloquear o Internet Explorer 6 para não acessar teu site é usando JavaScript! Em todas as páginas adicione o seguinte código dentro da tag head: <!–[if IE 6]> <script type="text/javascript">window.location.href = "atualize-navegador.html";</script> <![endif]–> Adicionei uma página chamada atualize-navegador.html (clique para acessar) para deixar o usuário mais alerta e mostrar o porque ele foi impedido de acessar o site! Sempre deixe o usuário informado! Segue abaixo o link para o download da página ou você pode colocar …
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
Imagem do Lightbox Script que chama o pretty photo. $(document).ready(function(){ $(".class-galeria a[rel^='lightbox']").prettyPhoto({theme:"dark_rounded"}); }); Mais antes exite o arquivo que completa a janela: jquery.pretty-photo.js O script completo fica assim: <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript" charset="utf-8"> google.load("jquery", "1.3"); </script> <script type="text/javascript" src="js/pretty-photo/jquery.pretty-photo.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".class-galeria a[rel^='lightbox']").prettyPhoto({theme:"dark_rounded"}); }); </script> Existe ainda o arquivo de configuração do css que é indispensável para a jenela. Script demo para visualização: CLIQUE AQUI Script completo: CLIQUE AQUI
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
Script: $(document).ready(function(){ var z = 0; var inAnimation = false; $("#fotos img").each(function(){ z++; $(this).css("z-index", z); }); function swapFirstLast(isFirst){ if(inAnimation) return false; else inAnimation = true; var processZindex, direction, newZindex, inDeCrease; if(isFirst){ processZindex = z; direction = "-"; newZindex = 1; inDeCrease = 1; } else { processZindex = 1; direction = "-"; newZindex = z; inDeCrease = -1; } $("#fotos img").each(function(){ if($(this).css("z-index") == processZindex){ $(this).animate({"top" : direction + $(this).height() + "px"}, "slow", function(){ $(this).css("z-index", newZindex) .animate({"top" : "0"}, "slow", function(){ …
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
Para suas aplicações ficarem sempre atualizadas utilize as APIs AJAX do Google para isso! E como fazer da maneira mais fácil e ainda deixar o código limpo? Vamos lá para a resposta. Primeiro vamos para a definição do Google para isso! A API AJAX de bibliotecas é uma rede de distribuição de conteúdo e arquitetura de carregamento das bibliotecas JavaScript de código aberto mais populares. As APIs AJAX do Google trabalham com variadas bibliotecas como citado acima, segue uma delas: …
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
Script simples: <script type="text/javascript"> function limpar(campo){ if (campo.value == campo.defaultValue){ campo.value = ""; } } function escrever(campo){ if (campo.value == ""){ campo.value = campo.defaultValue; } } </script> Como ficará no campo de texto: <input type="text" name="nome_campo" id="nome_campo" value="Clique Aqui para o texto sair!" onfocus="limpar(this);" onblur="escrever(this);" /> Veja o Script rodando: CLIQUE AQUI
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
<script language="javascript"> function checarDatas(){ var NomeForm = document.Formulario; var data_1 = NomeForm.data_01.value; var data_2 = NomeForm.data_02.value; var Compara01 = parseInt(data_1.split("/")[2].toString() + data_1.split("/")[1].toString() + data_1.split("/")[0].toString()); var Compara02 = parseInt(data_2.split("/")[2].toString() + data_2.split("/")[1].toString() + data_2.split("/")[0].toString()); if (Compara01 > Compara02) { document.getElementById("resultado").innerHTML = "Data do Campo 01 Maior"; } else { document.getElementById("resultado").innerHTML = "Data do Campo 01 Menor"; } return false; } </script> <div id="resultado"></div> <form method="post" action="Teste.pl" name="Formulario" onsubmit="return checarDatas()"> campo01: <input type="text" id="data_01" /><br /> campo02: <input type="text" id="data_02" /> <input type="submit" …
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
Código simples para uma grande funcionalidade: script.js function marcarCheck() { var contaForm = document.Form.elements.length; var campo = document.Form; var i; for (i=0; i<contaForm; i++) { if (campo.elements[i].id == "Marcados") { campo.elements[i].checked = campo.CheckTodos.checked; } } } Index.html <script language="javascript" src="script.js"></script> <form name="Form"> Marcar Todos: <input type="checkbox" name="CheckTodos" onClick="marcarCheck();" /> <br><br> 1. <input type="checkbox" id="Marcados" /><br> 2. <input type="checkbox" id="Marcados" /><br> 3. <input type="checkbox" id="Marcados" /><br> 4. <input type="checkbox" id="Marcados" /><br> 5. <input type="checkbox" id="Marcados" /> </form>
Agência OFF, desenvolvimento de soluções web para as Agências Digitais