Se inveja matasse, eu morreria num instant.js

Alguns scripts são tão impressionantes que nos deixam morrendo de inveja de não ser o pai da criança.

Esse é o caso do microformato instant.js, script que dá um efeito de Polaroid nas fotos (com sombra, reflexo e tudo que se tem direito).

Para fazer uso deste achado, basta colocar a classe “instant” na foto e voilà:

Continue lendo…

Popup para abrir imagem? Lightbox.

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.

Desabilita o(s) botão(ões) submit após o envio de formulário com Javascript

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;

Abrir janela no tamanho da imagem

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.
Continue lendo…

Dar nome a janela/documento

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();