Arquivo da categoria 'Javascript'

9 de abril de 2008

Capturar variável via método Get URL com Javascript

Drops, Javascript | 11 Comentários »
por Ricardo José Corrêa

Esse script é uma ótima opção para quem precisa pegar as variáveis pelo método get, mas não tem como usar programação de servidor, tipo PHP.

get-url-variables.js

function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
 
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
		hash[1] = unescape(hash[1]);
		vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
 
    return vars;
}
 
//Exemplo de URL get-url-variables.htm?variavel1=Primeira variavel&variavel2=Segunda variavel
 
var pedaco = getUrlVars();
alert(pedaco['variavel1']); // Caixa de alerta resultara "Primeira variavel"
alert(pedaco['variavel2']); // Caixa de alerta resultara "Segunda variavel"


21 de junho de 2007

Se inveja matasse, eu morreria num instant.js

CSS, Javascript | 5 Comentários »
por Ricardo José Corrêa

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…


8 de junho de 2007

Popup para abrir imagem? Lightbox.

CSS, Drops, Javascript | 6 Comentários »
por Ricardo José Corrêa

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.


28 de fevereiro de 2007

Simplesmente XOXO

Javascript | 1 Comentário »
por Ricardo José Corrêa

Se você:

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


11 de dezembro de 2006

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

Drops, Javascript | 1 Comentário »
por Ricardo José Corrêa

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;