terça-feira, 11 de outubro de 2011

Criando um Alert Javascript

Uma barbada de criar páginas de internet para iniciantes...

Como mostrar uma mensagem (alert) para o usuário!!!

Primeiro abra uma página em branco no seu browers (I.E, Chrome, etc...)
Digite: about:blank na barra de endereços...

Depois salve esta página de internet...
Arquivo - Salvar como...
Deixe o tipo de arquivo como .html
Clique em salvar, após ter selecionado o diretório (pasta) que desejou salvar...

PRONTO!!!
Agora você tem uma página web para ser editada....
PS: Nas escritas em cor VERMELHA, você deve inserir as tags:
< no início da linha, e
> no fim da linha.
Isso, porque o blogger não entende quando o código deve ser mostrado ou não!!!

Clique com o botão direito nela e peça para abrir como bloco de notas e verá o seguinte código:

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
!-- saved from url=(0011)about:blank --
HTML
HEAD
META content="text/html; charset=unicode" http-equiv=Content-Type
META name=GENERATOR content="MSHTML 8.00.6001.19120"
/HEAD
BODY
/BODY
/HTML

Tudo que estiver entre:  representa o corpo da página... neste caso em branco!!!!!!!
Insira o seguinte código abaixo entre as tags BODY:

script type="text/javascript"
function mensagem()
alert("Essa mensagem é para você!");
/script
input onclick="mensagem()" type="button" value="Nome do Botão" /

NÃO ESQUEÇA DE ADICIONAR OS: < (no inicio) e >  (no final).
O código acima irá inserir um botão ao topo da página, que ao ser clicado mostrará a mensagem que esta escrita no alert().
Isso é mostrado pelo javascript, já que o código html é estático, o javascript irá adicionar dinâmica a página de internet através de functions...
Este exemplo é um Hello world dos básicos onde é utilizado um mesmo arquivo para representar o javascript e html, o que normalmente não acontece...

Logo, postarei sobre outras funções web, e quem sabe irei conseguir inserir imagens ilustrativas, o que o bloger não deixou eu fazer neste post. aeihaeiahei
Thanks!!!!!!!!!!!!!!!!

Nenhum comentário: