JavaScript Definições
Aprendendo a Linguagem HTML
Existe três maneiras de se usar scripts nos documentos HTML:
- Dicas de insersão do elemento SCRIPT
- Incluí-los no elemento SCRIPT
- Usar os atributs dos elementos do HTML
- Usar scripts em URLs
Dicas de insersão do elemento SCRIPT
Para que você proceda com sucesso coloco aqui algumas dicas, que lhe fornecerá todos os dados
necessários para inserir os Scripts na sua Homepage. Aqui você encontrará tudo que você precisa
saber para não "fazer feio" na hora de editar a sua página.
Depois de escolher o Script, você terá que salvá-lo em seu disco rígido em um diretório que
seja de fácil acesso (para salvar o Script você terá que salvar o arquivo *.htm).
Depois de salvar o Script, você terá que copiar todos os dados que estão entre os comandos
<script language="JavaScript"> e
</script>, para copiar esses comandos do Script é recomendado
que você selecione a parte desejada com o Mouse, passe para a área de transferência
(selecionando o comando copiar ou copy) e depois colando na sua homepage entre os comandos
<head> e </head> preferencialmente
mas eles funcionam em quanquer lugar da página.
Depois de copiar o Script para a sua página você terá que adicionar um meio de ativá-lo (alguns
não precisam, mas a maioria precisa). Existem vários meios de ativar um Script (quando for
necessário) inserindo os seguintes comandos na sua página :
- Você pode ativar o Script junto com a página (na hora que a página acaba da "carregar") com o
seguinte comando no "body" da sua página : <body OnLoad="nomedoscript()">.
- Você pode ativar o Script com um clique de mouse sobre um link ou até mesmo sobre uma imagem :
<a href="http://url.desejada.com.br" OnClick="nomedoscript()">texto do link</a>
ou se você preferir com uma imagem :
<a href="http://url.desejada.com.br" OnClick="nomedoscript()"><img src="nomedaimagem.gif" border=0></a>.
- Você pode ativar o Script simplesmente passando o mouse por cima de um link, ou até mesmo de
uma imagem :
<a href="http://url.desejada.com.br" OnMouseOver="nomedoscript()">texto do link</a>
ou se você preferir com uma imagem :
<a href="http://url.desejada.com.br" OnMouseOver="nomedoscript()"><img src="nomedaimagem.gif" border=0></a>.
Depois de ter escolhido como ativar o seu Script, tente adaptá-lo ao máximo à sua página, veja
se é possível fazer ajustes secundários como : Velocidade desejada, sequência desejada ou até
mesmo cores desejadas.
Use um bom editor de texto para copiar e colar os comandos do Script, use um como o Microsoft
Word, Word Perfect, eu uso o Notepad do Windows.
A maioria dos Scripts dessa Galeria foram encontrados por mim na WEB e se você encontrar alguma
dica ou algum argumento errado, me avise que eu farei as devidas correções.
Usando o elemento SCRIPT
Os documentos HTML podem ter vários elementos que podem estar em qualquer
ponto dentro do documento.
Exemplo:
<SCRIPT language="VBScript">
'... Additional VBScript statements ...
</SCRIPT>
ou
<SCRIPT language="JScript">
//... Additional JScript statements ...
</SCRIPT>
Usando scripts como atributos de elementos HTML
Uma outra maneira de se usar scripts é aproveitar os elementos que suportam
scripts para inseris novos atributos de scripts. O script será executado
sempre que o evento associado acontecer.
Exemplo:
Os forms:
<form name="Form1">
<input type="button" name="Button1" value="VB" onClick="pressed" language="VBScript">
<input type="button" name="Button2" value="Java" onClick="pressed2()" language="JavaScript">
</form>
Os Scripts:
<script language="VBSCRIPT">
sub pressed
document.Form1.Button1.value="VBScript"
alert "Pressionado o botão VBScript"
end sub
</script;>
ou
<script language="JavaScript">
function pressed2()
{
document.Form1.Button2.value="JScript"
alert("Pressionado o botão de JScript")
}
</script>
Usando scripts em URLs
Os scripts podem ser chamados também combinando com os elementos com
referência às URLs.
Exemplo:
Clique aqui
<A HREF="JavaScript:alert('Estou Aprendendo a Linguagem HTML')">Clique aqui</A>
Pode-se tambem usar JavaScript para ser abrir outra página assim que seja a mesma e carregada, esta página foi carregada automaticamente pela página de menu usando os seguintes comandos:
<script language="JavaScript">
<!--
//-------Inicio de Rotina----------><!--
//var mini_win = null;
//self.name = "trabalho";
window.open('java/javascript.htm', 'trabalho', 'scrollbars=yes,resizeable=0,history=0,toolbar=0,status=0');
//---------Final de Rotina--------->
// -->
</script>