Aug/100
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.
É usado para fazer alterações em documentos como HTML e XML
É uma API bem usual que temos... segue algum exemplo em JavaScript de onde o DOM está presente!
var teste = document.getElementById("id").innerHTML = "Texto ok";
Essa propriedade "document.getElementById()" e todas as suas "ramificações" são os elementos DOM!
Qualquer dúvida podem postar...
Abraços
May/106
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 o link absoludo para não precisar fazer o download do arquivo!
May/103
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 1</strong> <br />There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form... </span> </li> <li class="bannerImage"> <img src="images/wide/2.jpg" /> <span class="right"> <strong>Title text 2</strong> <br />There are many variations of passages of Lorem Ipsum available... </span> </li> </ul>
OBS: Crie as classes sempre começando com o nome da ID que engloba todo o banner, no meu caso usei o ID "banner", repare em "bannerContent" e "bannerImage", sempre iniciam com a palavra "banner", pois o código que está no arquivo "s3Slider.js" vai reconhecer sempre a palavra que foi padrão na função inicial no artigo. Veja na linha abaixo:
$("#banner").s3Slider({
Criei uma classe "left" e outra "right" para posicionar as divs onde contém os Títulos de cada Foto. Veja o arquivo "style.css"
Veja print Abaixo:
Veja o EXEMPLO:
Baixe o SCRIPT AQUI.
Mar/100
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);
}
Mar/106
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"); ?>
