Ir para homeMateus Souza – Webdesigner

Caixa de Alerta (SexyAlertBox) Usando Mootools – Tutorial Mootools

Criado por Mateus Souza em 6 de setembro de 2008 às 10:25

Olá pessoal. No Tutorial de hoje ensinarei como fazer uma caixa de alerta usando o MooTools. é um processo simples, porem não será uma coisa de destaque em um site já que o visitante não verá esta caixa por tão cedo…

Demonstração / Download dos arquivos

1 – HTML

Chamando o script e o CSS externo:

<script src="mootools.js" type="text/javascript"></script>
<link rel="stylesheet" href="sexyalertbox.css" type="text/css" media="all" />
<script src="sexyalertbox.v1.js" type="text/javascript"></script>

Essa parte do processo creio que todos já saibam, por isso não ha necessidade de explicar.

2 – Javascript

Adicione essa linha de código depois da tag</body>:

<script type=”text/javascript”>
window.addEvent('domready', function() {
	Sexy = new SexyAlertBox();
});
</script>

Este á o script que fará tudo funcionar, agora é so adicionar esta outra linha de código para cada alerta que quiser fazer.ex:

Mostrando a mensagem “Ola, seja bem vindo” no link “Click aqui”:

<a href="#" onclick="Sexy.alert('Ola, seja bem vindo'); return false;">Click Aqui</a>

Espero que tenha entendido, se não comente sobre a sua dúvida que estarei respondendo.Até a proxima

Para usuarios mais avançados, veja a página do desenvolvedor(em espanhol) com alguns comando a mais.

Postado em Mootools, Tutoriais

Feed Comentários - RSS 2.0 | Trackback

Gostou? Então compartilhe já: