por Marcos Elias

Para quem tem site ou blog… E mexe com HTML, Javascript, etc… Deixarei aqui pequenos scripts que uso no meu dia-a-dia, em vários sites ou blogs que tenho. Use o que lhe for útil :)

Remover a propaganda do CJB.net e outros que usam frames
Isso já comentei aqui:
http://janelasepinguins.blogspot.com/2007/04/dica-como-remover-propaganda-do-cjbnet.html
É bom também pois evita que outros sites adicionem barras no topo do seu site, quando exibido por um link deles.

Mensagem na barra de status, com o texto do título da página
Simples:

<script language=javascript>
window.defaultStatus = document.title;
</script>

Isso exibe na barra de status o mesmo conteúdo que estiver entre as tags <title> e </title>. Se você quiser um texto fixo, troque "document.title" pelo texto desejado, não se esqueça de colocar entre aspas (eu prefiro as aspas simples). Ficaria:

window.defaultStatus = 'Qualquer texto aqui';

Cuidado com o "S" em maiúscula, em "defaultStatus", visto que o JavaScript é case sensitive, ou seja, faz distinção entre maiúsculas e minúsculas.

Redirecionador
Quando uma página muda de endereço, é bom colocar um redirecionamento. O que eu mais uso é em JavaScript:

<script language="JavaScript">
top.location = 'http://www.explorando.cjb.net';
</script>

Ele é melhor do que o META HTTP REFRESH porque é executado beeem mais rápido. De preferência, coloque logo no começo das páginas. É bom também para evitar que curiosos fucem suas pastas sem a página index, por exemplo, pastas onde você só guarda imagens ou arquivos, especialmente arquivos importantes. Aí você cria um simples index.htm nessa pasta, com o código de redirecionamento, e se a pessoa acessar manualmente o endereço, será levada para a página especificada (em vez de ver o conteúdo do diretório, o que é padrão e comum em muitos servidores de hospedagem).

Comento mais sobre redirecionamento de páginas e alguns meios de fazer isso, aqui:
http://mephost.com/explorando/dica021-redireciona.htm

Menu em lista suspensa
É o tipo de menu utilizado atualmente na parte "Explorando tudo", no topo do Explorando: uma lista, e quando a pessoa escolhe um item, vai para a página correspondente a ele. É fácil, apenas tenha cuidado com as duas partes do código. Você pode colocar tudo próximo, para não se perder. Veja:

<script>
function vaiArq(){
var vai1x = document.arqform.arqvx.value;
if (vai1x != '#') {
top.location.href = document.arqform.arqvx.value;
}
}
</script>

<form name="arqform">
<select name="arqvx" onchange="vaiArq();">
<option value="#">Escolha aqui…</option>
<option value="pagina1.htm">Página 1</option>
<option value="pagina2.htm">Página 2</option>
<option value="pagina3.htm">Página 3</option>
</select>
</form>

A função vaiArq() é chamada quando o item da lista for alterado (pelo evento "onchange"). Incluo nesta função um verificador; para textos e descrições, defina o valor "#", assim ele não faz nada. Para abrir em nova janela, mude a parte "top.location…". Troque-a por isso:

window.open(vai1x,"janela123","");

Onde "janela123" é o identificador da janela (nome do frame, também), você pode trocar pelo que quiser.

Se você for usar duas ou mais listas, deverá renomear o formulário, e a variável "vai1x", além do nome da função também ("vaiArq"), substituindo no código das outras listas todas as ocorrências necessárias.

Bom, é isso por hoje… Uma orientação de otimização, mas que pode confundir iniciantes (ou mesmo os mais experientes, se o código for grande), é colocar todos os scripts da página dentro de um único par de tags <script> e </script>. Isso otimiza para o navegador, que lê um só bloco de código, sem precisar ficar verificando por cada bloco de script.

–
Dica: veja no hotsite do Explorando diversas dicas de HTML e JavaScript.