Selecionamos os melhores java script prontos para webmasters é so copiar e colocar em seu site

Pesquisa personalizada

Aproximadamente 10900666546 paginas indexadas (17001 por dia)

JavaScript é uma linguagem de programação criada pela Netscape em 1995, que a princípio se chamava LiveScript, para atender, principalmente, as seguintes necessidades:

Validação de formulários no lado cliente (programa navegador);

Interação com a página. Assim, foi feita como uma linguagem de script. Javascript tem sintaxe semelhante à do Java, mas é totalmente diferente no conceito e no uso.

Oferece tipagem dinâmica - tipos de variáveis não são definidos;

É interpretada, ao invés de compilada;

Possui ótimas ferramentas padrão para listagens (como as linguagens de script, de modo geral);

Oferece bom suporte a expressões regulares (característica também comum a linguagens de script).

Sua união com o CSS é conhecida como DHTML. Usando o Javascript, é possível modificar dinamicamente os estilos dos elementos da página em HTML.

Dada sua enorme versatilidade e utilidade ao lidar com ambientes em árvore (como um documento HTML), foi criado a partir desta linguagem um padrão ECMA, o ECMA-262, também conhecido como ECMAScript. Este padrão é seguido, por exemplo, pela linguagem ActionScript da Adobe(Antigamente Macromedia, porém a empresa foi vendida à Adobe).

Além de uso em navegadores processando páginas HTML dinâmicas, o JavaScript é hoje usado também na construção do navegador Mozilla, o qual oferece para a criação de sistemas GUI todo um conjunto de ferramentas (em sua versão normal como navegador, sem a necessidade de nenhum software adicional), que incluem (e não apenas) um interpretador de Javascript, um comunicador Javascript <-> C++ e um interpretador de XUL, linguagem criada para definir a interface gráfica de aplicações.

O uso de JavaScript em páginas XHTML, pelo padrão W3C, deve ser informado ao navegador da seguinte forma

PÁGINA HTML PROTEGIDA POR SENHA 1
Vamos supor que você tenha um homepage que possue seções de uso restrito, isso é, somente pessoas que você autorizar, através de uma senha, entrarão nessas seções. A configuração para que esse recurso funcione é simples: Primeiro copie o código javascript abaixo e cole na página onde a senha será solicitada.

<Form name="frm"> <center> <Script Language="JavaScript">   </script> Digite sua senha: <input type="password" name="pswd" size="20"> </center> <center> <p> <input type="button" value="Entre!" onClick="loadpage()" name="button"> </p> </center> </form>

Agora crie aquela seção que deverá ter acesso restrito. Ela será uma página HTML comum, como todas as outras, com a diferença que não haverá link direcionado a ela, a senha será o link. Ao nomear a página, a senha passa a ser o mesmo nome que você der a ela porém sem a extensão. Por exemplo: Se a página se chamar contatos.html a senha será contatos ou se ela se chamar cod9732.html a senha será cod9732.

PÁGINA HTML PROTEGIDA POR SENHA 2
Continuando, agora vou apresentar uma outra maneira de colocar uma senha num arquivo HTML, desta vez para múltiplos usuários. Primeiro copie o código JavaScript abaixo e cole entre <HEAD> e </HEAD> de sua página HTML

Repare que o primeiro username/password configurei como edaurelio/123456 que irá abrir o nosso já conhecido arquivo temimina.htm. Você pode definir quantos usuários quizer, basta repetir a linha do username e configura-la para cada usuário diferente. Agora copie a sintaxe HTML abaixo e cole dentro da página em qualquer lugar entre <BODY> e </BODY>.

<center> <form name=login> <table width=225 border=0 cellpadding=3> <tr><td colspan=2><center><FONT SIZE="2" FACE="verdana"><b>ÁREA PARA MEMBROS</b></font></center></td></tr> <tr><td>Usuário:</td><td><input type="text" name="username"></td></tr> <tr><td>Senha:</td><td><input type="password" name="password"></td></tr> <tr><td colspan=2 align=center><input type="button" value="Entrar" onClick="Login()"></td></tr> </table> </form> </center>

Um detalhe importante: Como o username/password fica gravado na página HTML, o internauta não poderá ter acesso ao código-fonte senão esse trabalho todo de criar logins e senhas será inútil. Então o próximo passo será criar um novo arquivo HTML, transferir as sintaxe acima para ele e desabilitar os comandos que aciona o botão esquerdo do mouse (que por sua vez daria acesso ao código-fonte). Para isso basta inserir, também entre <HEAD> e </HEAD> a instrução:

Bloqueio de acesso ao código fonte


	<SCRIPT language="JavaScript"> <!-- function click() { if (event.button==2){ alert('Esta homepage também ensina como bloquear e desbloquear o código fonte') } } document.onmousedown=click // --> </SCRIPT> <!-- saved from url=(0045)http://www.bry.br22.net/ -->

IMAGEM PROTEGIDA


	<SCRIPT language=JavaScript> <!-- // The JavaScript Source!! http://ber.br22.net function protect(e) { alert("Os comandos do mouse estão desabilitados."); return false; } function trap() { if(document.images) for(i=0;i<document.images.length;i++) document.images[i].onmousedown = protect; } // --> </SCRIPT> <!-- saved from url=(0045)http://www.bry.br22.net/ -->

<A HREF="#" onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://www.seusite.xxx');">Clique Aqui </A>

Tornando o Site Página Inicial Insira este código onde você quiser que ele apareça:

Adicione sua página aos favoritos Colocar na tag body:

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.

<meta http-equiv="refresh" content="5; url=suapagina.html">

Descrição: com esse script a página é trocada pela página colocada em url=" ", para ter mais tempo basta trocar o 5 por mais segundos. Ex.: 10 segundos, 120 segundos = 2 minutos, etc...

<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:seu_e-mail@ig.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>  </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 não fique gravada visitas anteriores, carregando sempre novas informações a cada atualização

<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">  </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.

<body onLoad="if(parent.frames.lenght!=0)top.location='suapagina.html';">

Descrição: colocando o código acima em qualquer página do seu site, faz com que o código seja inibido, e seja amostrado o código da página index. Obs.: em sua pagina.html coloque o nome da página que está o código

<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.

Voltar a página principal

igmais.net