Animelt, complex animations with jQuery

I would like to share with you my jQuery plugin for complex animations, you can meet it at GitHub http://grsabreu.github.com/Animelt-Plugin/

Enjoy it!

Script JavaScript para download de vídeos do YouTube

Ôpa! Esse script está obsoleto, eu criei um novo há um tempo. Acesse clicando aqui.

A um tempo eu vi um vídeo no YouTube e fiquei com vontade de baixá-lo, mas logo vi que as ferramentas que existem pra pode fazer isso são muito frescas demoradas e cheia de processos. Então resolvi olhar o código do vídeo e cheguei a esse script feito em JS, que me permite agora baixar qualquer vídeo rapidamente :D

javascript:var url=ytplayer.config.args['url_encoded_fmt_stream_map'],download=unescape( url.match(/(url)=[^&]+/g)[0].replace("url=","") )+'&signature='+unescape(url).match(/sig=[^&,]+/gi)[0].replace('sig=','');window.open(download);

Arraste este link para sua barra de favoritos ->  DownloadVideo

Para usar, é só entrar na página do vídeo e clicar em "DownloadVideo" na sua barra de favoritos.

Ai está ele, o script que criei. O uso é simples, existem dois jeitos de usá-lo [leia tudo!]:
1. Acesse a página do YouTube do vídeo que se quer baixar, e depois substitua a URL da barra de endereço pelo script, copie e cole. Cuidado ao copiar, às vezes os browser tiram automaticamente a parti inicial "javascript:" que é importante para que o browser entenda que é um script e deve executá-lo.
2. Certamente a maneira mais fácil, apenas arraste este link DownloadVideo para sua barra de favoritos. Depois, entre na página do vídeo no Youtube ( espere a pagina carregar ) e acesse o DownloadVideo na barra de favoritos.

OBS: Em breve vou melhorar o script para você possa também selecionar o formato do vídeo

Valores Complexos - JavaScript

var arr1 = arr2 = [ ];
arr1.push( 5 );
console.log( arr2 );

No exemplo acima o log daria o output "[5]", isso porque ao alterar o Array arr1 o Array arr2 também é alterado. O mesmo vale para objetos:

var obj1 = {}; 
var obj2 = obj1;
obj1.man = "Man!!!";
console.log( obj2.man );

O output no console seria a mensagem "Man!!!".
Curioso pra saber porque isso ocorre?
Primeiro de tudo, você deve entender como JavaScript armazena os valores das variáveis.

O Array e o Objeto diferem dos outros tipos por serem tratados como valores complexos e o que ocorre quando eu faço var arr1 = arr2 = [ ]; é que eu não estou copiando o valor de arr1 em arr2 e sim copiando para arr2 a referência da memória arr1, e assim ocorre com todos os demais valores complexos em JS. Então entenda: Valores complexos são armazenados e manipulados por referência.

Os outros tipos, os primitivos, - Number, String, Boolean - são armazenados/copiados por valor.

Espero que tenha entendido, qualquer dúvida ou sugestão será bem-vinda nos comentários.

Efeito entre paginas

Problema:
Você tá lá fazendo sua pag. e pensa em botar um efeito em jQuery na pag para quando o usuário clicar em um link ele dar um fade no body e depois levar o usuário para a outra pag.

$(document).ready(function(){
$("a").click(function(e){
   e.preventDefault();
   var link = $(this).attr("href");
   $("body").fadeOut(1000,function(){
        window.location = url;
   });
})
});

Como diria nosso amigo Jack "Ô Estripador": Vamos por partes mwahahaha...
Linha 1: O argumento passado para a nossa função anônima (e) recebe o evento do click sobre o link.


Problema:
Mas peraí, se quando o carinha lá clickar no link ele não será direcionado automaticamente para a outra pag. sem q ele veja o lindo efeito?

Solução: Agora vem a manha
Linha 3: o método preventDefault() que o evento perca sua funcionalidade original, ou seja, que o browser leve o nosso amado usuário automaticamente para a outra pag.

Linha 4: Armazenando o endereço do link

a var url = $(this).href("href") deve explicar-se por si só, ela armazena o valor do atributo href do link em questão.

Linha 5:
Nosso tão falado e desejado efeito, que estará futuramente a seu critério. Assim sendo, após 1s de pura emoção do nosso usuário e ao fim da animação o jQuery chamará o callback da função que executará a
Linha 6:
window.location é a variável quem armazena o endereço da janela atual, alterando agora o valor da mesma para o valor da variável url levará o usuário para a outra pag.

Fim