Sexy alert box é um script desenvolvido em JavaScript, utilizando o Framework Mootools, onde levamos um nível acima as nossas janelas de alert(), tornando essa janela mais amigável ao usuário. Visite o site e veja os exemplos.
Está procurando dar mais interatividade a sua aplicação? Imagine então o usuário interajindo com sua aplicação através so teclado. Agora o imagine deletando dados gravados com um simples alt+d. Então você precisa conhecer o plugin jQuery Hotkeys.
Através da captura de combinações de teclas, você pode simplesmente fazer tudo aquilo que quiser, basta utilizar a criatividade. Veja só um exemplo do script em ação.
Hoje em dia se você necessita de produtividade com certeza já deve ter adotado algum Framework para desenvolvimento, e em JavaScript, existem muitos, os mais conhecidos e utilizados são: jQuery, Prototype e Mootools, cada um com sua particularidade, talvez hoje o jQuery seja a biblioteca mais fácil de ser utilizada, mas conheço gente que acha ela uma porcaria, tudo bem, cada um com sua opnião.
Agora, se você quer aprender mais sobre Mootools, aconselho a ficar ligado nos tutoriais do site Consider Open, onde ele nos trará tutoriais desde o básico até o avançado em Mootools.
Se você quer ver a opnião de outras pessoas sobre Mootools e jQuery, aconselho a dar uma olhada também nesse post do JulioGreff.
No site Effectize, você pode encontrar tudo, realmente tudo o que precisa saber sobre o Framework jQuery para iniciar no mundo do JavaScript.
Como referências nunca são demais, deixo aqui mais uma referência para consulta ao Framework JavaScript jQuery, só que dessa vez em formato Adobe AIR.
Para ter acesso a essa referência você deve o AIR instalado no micro, após vá até o site de Remy sharp’s e faça o download do aplicativo.
Robert Nyman, no ano de 2005, publicou em seu blog um artigo entitulado “The Ultimate getElementsByClassName“, uma função desenvolvida em JavaScript, que sem a utilização de qualquer Framework nos pernite obter todos os elementos de uma classe passados por parâmetro.
function getElementsByClassName(oElm, strTagName, strClassName){
var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
var arrReturnElements = new Array();
strClassName = strClassName.replace(/\-/g, "\\-");
var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
var oElement;
for(var i=0; i < arrElements.length; i++){
oElement = arrElements[i];
if(oRegExp.test(oElement.className)){
arrReturnElements.push(oElement);
}
}
return (arrReturnElements)
}
Hoje em dia você sabe que não pode sair por aí largando seu e-mail em qualquer página pois corre o risco dele cai nas mãos dos spammers, e é aí onde a dor de cabeça começa, mas no site KEVINLEARY.net existe uma solução bem simples para você proteger seus e-mails contra spam com jQuery.
Tudo o que você tem a fazer é, além do uso do Framework jQuery, é utilizar a seguinte sintaxe:
<a href="[email]pedrorogerio[at]pinceladasdaweb[dot]com[dot]br" rel="email">Pedro Rogério</a>
Depois, a mágica feita com jQuery:
$(document).ready(function(){
$("a[rel='email']").each(function(){
// Modifica o valor de mailto:
var mailtoVal = $(this).attr('href');
mailtoVal = mailtoVal.replace("[email]","mailto:");
mailtoVal = mailtoVal.replace("[at]","@");
mailtoVal = mailtoVal.replace("[dot]",".");
// Gera automaticamente a tag title para os usuários
var mailtoTitle = mailtoVal.replace("mailto:","Email: ");
$(this).attr('title',mailtoTitle);
// Evento onClick
$(this).click(function(){
window.location.href = mailtoHref;
return false;
});
});
});
Vamos a explicação: O Script irá procurar por links que contenham o atributo rel=”email”, e as ações executadas serão as seguintes:
Se você não quer utilizar jQuery, aqui você pode encontrar uma outra solução.
