Existe um microformato excelente para abrir imagens com um efeito tipo popup, mas todo em div, javascript, css e efeitos especiais.

Sabe o que isso quer dizer? Chega de anti-popup quebrando o seu barato.

Seu nome: Lightbox. Está na versão 2.0, não é obstrutivo e é lindo de se ver.

Ah, se quiser ver um modelo que uso aqui mesmo neste blog, clique aqui.

Technorati Tags: lightbox

Se você:

• não sabe o que é eXtensible Open XHTML Outlines;
• acha que microformato é uma nova sensação de biquínis das praias cariocas;
• nem mesmo faz idéia do que seja um javascript não obstrutivo, mas quer usar esse tal de XOXO.

Você está no lugar certo!

Neste artigo vou disponibilizar os arquivos necessários para começar a usar, sem precisar entender muito bem, o misterioso XOXO. (more…)

Quem nunca teve o problema de receber vários e-mail de um formulário web por que alguem ficou clicando, desesperadamente, no botão enviar. Fora que o servidor trabalhar de forma desnecessária. O javascript deste artigo tem a função de desabilitar todos os botões tipo submit. Basta colocar o .js na página. É muito simples de usar.

disable_after_submit.js

////////////////////////////////////////////////////////////////
//////////////////////////// RjCorrêa //////////////////////////
/////Desabilita os botões submit após o envio de formulário/////
///////////////////////www.rjcorrea.com.br//////////////////////
////////////////////////////////////////////////////////////////
 
function disableAfterSubmit() {
if (document.getElementsByTagName) {
inputs = document.getElementsByTagName('input');
for (i = 0; i < inputs.length; i++) {
if (inputs[i].getAttribute('type') == 'submit'){
inputs[i].onclick = disableSubmit;
}
}
}
}
 
function disableSubmit() {
inputs = document.getElementsByTagName('input');
for (i = 0; i < inputs.length; i++) {
if (inputs[i].getAttribute('type') == 'submit'){
inputs[i].disabled = true;
}
}
}
window.onload = disableAfterSubmit;

Technorati Tags: formulario, javascript

A alguns anos, antes de conhecer o PHP, fiz um script todo em javascript que abria uma pop-up no tamanho da imagem, centralizada na tela, e sem precisar informar suas dimensões. Neste post vou compartilhar uma nova versão, agora com PHP. É bem comodo para quem quer dar link para um monte de imagem e não quer ficar passando um monte de parametros.
(more…)

Se um dia você precisar manipular uma jánela, por exemplo, de um pop-up, você terá que dar um nome a ela. O javascript deste post faz justamente isso.

setwindowname.js

/////////////////////////////////////
////////////// RjCorrêa /////////////
/////Dar nome a janela/documento/////
/////////www.rjcorrea.com.br/////////
/////////////////////////////////////
function SetWindowName() {
this.name="blogrjcorrea";
}
 
SetWindowName();

Technorati Tags: javascript

Pegar o valor de um select é bem comum, porém, capturar o texto que está entre o <select> e </select> é um pouco incomum. Veja só como é simples:

/////////////////////////////////////
////////////// RjCorrêa /////////////
///Capturar texto da lista de menu///
/////////www.rjcorrea.com.br/////////
/////////////////////////////////////
 
function passaValor(texto){
alert(texto);
}
</script>
<select onchange="passaValor(this.options[this.selectedIndex].text);">
<option value="#">Texto um</option>
<option value="#">Texto dois</option>
<option value="#">Texto três</option>
</select>

Technorati Tags: javascript

O script visto neste artigo tem a função de que sempre que um link tiver a referência como “external” abra em nova janela, e os que tiverem o target=”_blank” sejam setados como rel=”external”, além de mudar/incluir o nome da class no link, para que assim todos tenham um marcardor () de link externo.
O legal é que não precisa fazer mais nada, o .js incluso na página se vira.

(more…)