Combo de estados com PHP. Listar e Marcar

Marcando estado quando vem do banco e listando com array.
Continue Lendo

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

Tags:

Listando valores de um JSON com jQuery

Código simples para leitura de JSON com jQquery utilizando Classe.
Continue Lendo

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

Tags:

O que seria o DOM?

Muitos programadores fazem confusão de que o DOM (Document Object Model, em ptBR, Modelo de Objetos de Documentos) faz parte do JavaScript, não é assim “totalmente”. O DOM é uma especificação da W3C que não depende de plataforma ou de NENHUMA LINGUAGEM.
Continue Lendo

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

Tags:

Bloquei o IE6 em seu site de forma simples com JavaScript e HTML

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

Usando o jQuery s3Slider para SlideShow de Notícias

Esse Artigo é baseado em exemplos retirados da internet, só que de modo mais simplificado. Vejam o modo mais simples de utilizar o “s3Slider” para Notícias. Importe o arquivo “s3Slider.js” e depois chame a função com o ID geral que engloba o banner, exemplo: $(document).ready(function(){ $("#banner").s3Slider({ timeOut: 4000 }); }); Use as marcações < ul > / < li > para lista as Fotos, Títulos e Descrições. Segue exemplo: <ul id="bannerContent"> <li class="bannerImage"> <img src="images/wide/1.jpg" /> <span class="left"> <strong>Title text …
Continue Lendo

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

Tags:

Retirando os acentos com PHP

function retirarAcentos($string){ $a = 'ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóôõöøùúûýýþÿŔŕ'; $b = 'aaaaaaaceeeeiiiidnoooooouuuuybsaaaaaaaceeeeiiiidnoooooouuuyybyRr'; $string = utf8_decode($string); $string = strtr($string, utf8_decode($a), $b); return utf8_encode($string); }

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

Calcular a Idade com PHP

Função: <?php function idade($aniver){ list($dia, $mes, $ano) = explode("/", $aniver); $ano_diff = date("Y") – $ano; $mes_diff = date("m") – $mes; $dia_diff = date("d") – $dia; if ($dia_diff < 0 || $mes_diff < 0) $ano_diff–; return $ano_diff; } ?> Chamando a função na página: <?php echo idade("01/03/1970"); ?>

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

Tags:

Criando Classes em JavaScript com o recurso prototype

A utilização de Classes é uma maneira pratica de ter um bom rendimento e organização em suas aplicações web. A estrutura de Classes em JavaScript é a mesma que usamos em linguagens de programação como ASP ou PHP. Nesse artigo você irá aprender a usar Classes com o uso da prototype. Vamos a definição do que é a prototype no JavaScript prototype é um recurso do JavaScript (nesse caso não estou falando do Framework Prototype) que possibilita modificar uma Classe …
Continue Lendo

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

jQuery Lightbox Clone

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

Tags:
Página 2 de 1412345678910...Final »