:: Scripts :: Dicas
Exemplo
de 40 scripts e c?digos para melhorar seu site.
<a href="#top">topo</a>
Descri??o: serve para criar um link voltar ao topo da tela.
<script>
alert("sua mensagem aqui");
</script>
Descri??o: com esse script quando a p?gina for atualizada
surgir? a mensagem acima.
<a href onMouseOver="alert('sua mensagem')">passe o mouse</a>
Descri??o: com esse script ao passar o mouse surge uma mensagem.
<a href="pagina.htm" onClick="alert('sua mensagem')">click</a>
Descri??o: com esse script surge uma mensagem ao clicar no link antes
de entrar no site.
<script>window.defaultStatus="sua mensagem"</script>
Descri??o: com esse script apare?e uma mensagem na barra de status.
<a href="paginadois.html" onmouseover="parent.location='paginadois.html'">seu
link aqui</a>
Descri??o: Com esse script a p?gina ? carregada ao passar o
mouse em link.
<script>
function botaodireito() {
if (event.button==2) {
alert(' bot?o disabilitado ')}}
document.onmousedown=
botaodireito</script>
Descri??o: Ao clicar com o bot?o direito apare?e a sua
mensagem.
<a href="suapagina.html" onMouseOver="window.status='sua
mensagem aqui'; return true">link</a>
Descri??o: Com esse script ao passar o mouse sobre o link
apare?e uma mensagem na barra de status.
<a href="pagina.html"
onmouseover="document.bgColor='green'">verde</a>
<a href="pagina.html"
onmouseover="document.bgColor='gold'">ouro</a>
Descri??o: Com esse script ao passar o mouse voc? muda a cor
da p?gina.
<a class=linkverm href="mailto:voce@dominio.com.br?subject=mensagem">e-mail</a>
Descri??o: Com esse script ao clicar em e-mail ser? direcionado para o
programa de envio de e-mail (Ex.: Outlook Express), e em assunto
estar? escrito mensagem.
<a href="#palavrachave">se voc? clicar aqui</a>
<a name="palavrachave">vem para aqui</a>
Descri??o: (palavra chave) ? a palavra que voc? vai ultilizar
no documento para que o link ao ser clicado a encontre.
Esses tipos de link servem para ligar dois pontos no mesmo documento.
<a href="javascript:window.close();">fechar</a>
<input type=button value="fechar a janela" onClick="javascript:window.close();">
Descri??o: link e bot?o para fechar a janela.
<a href='javascript:;' onClick='window.print();return
false'>imprimir</a>
Descri??o: link para imprimir a p?gina atual.
<style>
<!--
A{text-decoration: none}
-->
</style>
Descri??o: SUBLINHANDO OS LINKS
Para que os links fiquem sem sublinhados mantenha o none
Para que os links fiquem sublinhados em cima troque none por overline
Para que os links fiquem sublinhados em baixo troque none por
underline
Para que os links fiquem sublinhados em cima e em baixo troque none
por underline overline
<textarea rows="5" cols="20" style='color:white;background:#3366cc;font:8pt,verdana;border:0
outset white'>texto na caixa</textarea>
Descri??o: O c?digo acima gera uma caixa como essa.
<span style="background-color: #1E90FF"><font color="#ffffff"
size="1" face="Verdana">SEU TEXTO COM FUNDO</span><a href="paginadois.html"><span
style="background-color: #1E90FF"><font color="#ffffff" size="1"
face="Verdana">SEU LINK COM FUNDO</span></a>
Descri??o: O c?digo acima gera um pequeno texto com fundo, ou
um link.
<input type=password name=pwd size=8 maxlength=8>
Descri??o: O c?digo acima gera uma caixa para senha.
<a href="javascript:ShowPage" title="A sua mensagem apare?e
aqui.">passe o mouse aqui para testar</a>
Descri??o: O c?digo acima gera uma mensagem ao colocar o mouse
em cima do link.
<input type="button" value="bot?o link" name="button" onClick="window.location='paginadois.html'">
Descri??o: O c?digo acima gera um bot?o link.
<A HREF="paginadois.html" onClick="alert('mensagem antes de
entrar no link')">link</A>
Descri??o: O c?digo acima exibe uma mensagem antes de entrar no link.
<input type="button" value="mensagem" onClick="alert(value)">
Descri??o: O c?digo acima gera um bot?o que ao ser clicado apresenta
uma mensagem.
<input type=reset value=vermelho onClick="document.bgColor='red';
return true">
<input type=reset value=verde onClick="document.bgColor='green';
return true">
Descri??o: O c?digo acima gera um bot?o que ao ser clicado
apresenta uma cor.
<body onUnload="window.alert('Coloque seu texto aqui')"></body>
Descri??o: O c?digo acima gera um mensagem ao sair da p?gina.
<a href="mailto:email@aaa.com.br?subject=assunto">e-mail</a>
Descri??o: Com o c?digo acima ao clicarem no link para e-mail (pelo
outlook express) o assunto j? vai preenchido.
<form>
<input type="text" width="10">
<input type="reset" value="apagar" name="reset">
</form>
Descri??o: O c?digo acima gera uma caixa e um bot?o apagar.
<a onClick="window.open('paginadois.html')">link</a>
Descri??o: O c?digo acima gera um texto link.
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
Descri??o: (colocado em sua p?gina entre o head)
Serve para que a p?gina n?o fique gravada em cache, carregando sempre
a p?gina novamente quando for acessada. Use isto apenas em p?ginas que
s?o atualizadas a todo momento pois do contr?rio o acesso ao seu site
se tornar? lento.
<a href="pagina.html" onMouseOver="document.body.background='a.bmp'">mudar
background</a>
Descri??o: muda o background ao passar o mouse sobre o link
<body onLoad="moveTo(0,0);">
Descri??o: Move a posi??o da p?gina ao carregar.
<font size="1" face="Verdana"><strike>seu texto</strike>
Descri??o: Passa uma linha sobre o texto.
<script language="JavaScript">
<!--
function keypresed() {
alert('Coloque sua mensagem aqui !');
}
document.onkeydown=keypresed;
// -->
</script>
Descri??o: o c?digo acima desabilita o teclado.
<script>
function outra()
{
window.open('paginadois.html');
}
</script>
<body onunload="outra();">
Descri??o: o c?digo acima faz com que ao sair de uma p?gina
abra outra.
<img src=imagem.gif vspace=10 hspace=10>
Descri??o: o c?digo acima adiciona espa?o nas faces da imagem.
hspace para espa?o vertical
vspace para espa?o horizontal
<pre>
texto
texto
texto
</pre>
Descri??o: mant?m o texto no alinhamento do c?digo fonte ao
passar para o html exatamente como est? escrito respeitando espa?os e
quebras de linhas
<blockquote>
texto
</blockquote>
Descri??o: adiciona uma margem cerca de um cent?metro.
<body onselectstart="return false">
Descri??o: coloque o body acima ou adicione o onselectstart="return
false"> para desabilitar a sele??o do texto de seu site.
<a href="javascript:window.opener.document.location='paginadois.html';
window.close()">aqui</a>
Descri??o: se voc? colocar esse c?digo em uma janela popup, ao
clicar no link, a janela popup ? fechada e carrega o documento na
p?gina do site. o documento ? carregado na p?gina que abriu a janela
popup
<div style="position:absolute;top:200;left:200;">
<img src=figura2.gif border=0>
Descri??o: com o c?digo acima voc? coloca um link, texto ou imagem em
determinada posi??o.
|