Palavra:   

Revista PHP / Java Script

Carlos Silva

Desenvolvedor web, certificado ISPA CYCLADES e Macromedia. Desenvolvedor usando as tecnologias C#, JSP, PHP, JavaScript, XML, ABAP, Tableless e outros. Certificado em Segurança da Informação e atualmente trabalhando com ativos de Rede Cisco.

Alguns efeitos com JavaScript

Descrição: com esse script abaixo quando a página for atualizada surgirá a mensagem abaixo.
JavaScript
  1. <script>
  2. alert("sua mensagem aqui");
  3. </script>
www.revistaphp.com.br
Descrição: com esse script ao passar o mouse surge uma mensagem.
JavaScript
  1. <a href onMouseOver="alert('sua mensagem')">passe o mouse</a>
www.revistaphp.com.br
Descrição: com esse script apareçe uma mensagem na barra de status.
JavaScript
  1. <script>window.defaultStatus="sua mensagem"</script>
www.revistaphp.com.br
Descrição: Com esse script a página é carregada ao passar o mouse em link.
JavaScript
  1. <a href="paginadois.html" onmouseover="parent.location='paginadois.html'">seu link aqui</a>
www.revistaphp.com.br
Descrição: Ao clicar com o botão direito apareçe a sua mensagem.

JavaScript
  1. <script>
  2. function botaodireito() {
  3. if (event.button==2) {
  4. alert(' botão disabilitado ')}}
  5. document.onmousedown=
  6. botaodireito</script>
www.revistaphp.com.br
Descrição: Com esse script ao passar o mouse sobre o link apareçe uma mensagem na barra de status.
JavaScript
  1. <a href="suapagina.html" onMouseOver="window.status='sua mensagem aqui'; return true">link</a>
www.revistaphp.com.br
Descrição: Com esse script ao passar o mouse você muda a cor da página.
JavaScript
  1. <a href="pagina.html"
  2. onmouseover="document.bgColor='green'">verde</a>
  3. <a href="pagina.html"
  4. onmouseover="document.bgColor='gold'">ouro</a>
www.revistaphp.com.br
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.
JavaScript
  1. <a class=linkverm href="mailto:voce@dominio.com.br?subject=mensagem">e-mail</a>
www.revistaphp.com.br
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.
JavaScript
  1. <a href="#palavrachave">se você clicar aqui</a>
  2. <a name="palavrachave">vem para aqui</a>
www.revistaphp.com.br
Descrição: link e botão para fechar a janela.
JavaScript
  1. <a href="javascript:window.close();">fechar</a>
  2. <input type=button value="fechar a janela" onClick="javascript:window.close();">
www.revistaphp.com.br
Descrição: link para imprimir a página atual.
JavaScript
  1. <a href='javascript:;' onClick='window.print();return false'>imprimir</a>
www.revistaphp.com.br
Descrição: O código abaixo gera uma mensagem ao colocar o mouse em cima do link.
JavaScript
  1. <a href="javascript:ShowPage" title="A sua mensagem apareçe aqui.">passe o mouse aqui para testar</a>
www.revistaphp.com.br
Descrição: O código abaixo gera um botão link.
JavaScript
  1. <input type="button" value="botão link" name="button" onClick="window.location='paginadois.html'">
www.revistaphp.com.br
Descrição: O código abaixo exibe uma mensagem antes de entrar no link.
JavaScript
  1. <A HREF="paginadois.html" onClick="alert('mensagem antes de entrar no link')">link</A>
www.revistaphp.com.br
Descrição: O código abaixo gera um botão que ao ser clicado apresenta uma mensagem.
JavaScript
  1. <input type="button" value="mensagem" onClick="alert(value)">
www.revistaphp.com.br
Descrição: O código abaixo gera um botão que ao ser clicado apresenta uma cor.
JavaScript
  1. <input type=reset value=vermelho onClick="document.bgColor='red'; return true">
  2. <input type=reset value=verde onClick="document.bgColor='green'; return true">
www.revistaphp.com.br
Descrição: O código abaixo gera um mensagem ao sair da página.
JavaScript
  1. <body onUnload="window.alert('Coloque seu texto aqui')"></body>
www.revistaphp.com.br
Descrição: O código abaixo gera um texto link.
JavaScript
  1. <a onClick="window.open('paginadois.html')">link</a>
www.revistaphp.com.br
Descrição: muda o background ao passar o mouse sobre o link
JavaScript
  1. <a href="pagina.html" onMouseOver="document.body.background='a.bmp'">mudar background</a>
www.revistaphp.com.br
Descrição: Move a posição da página ao carregar.
JavaScript
  1. <body onLoad="moveTo(0,0);">
www.revistaphp.com.br
Descrição: o código abaixo desabilita o teclado.
JavaScript
  1. <script language="JavaScript">
  2. <!--
  3. function keypresed() {
  4. alert('Coloque sua mensagem aqui !');
  5. }
  6. document.onkeydown=keypresed;
  7. // -->
  8. </script>
www.revistaphp.com.br
Descrição: o código abaixo faz com que ao sair de uma página abra outra.
JavaScript
  1. <script>
  2. function outra()
  3. {
  4. window.open('paginadois.html');
  5. }
  6. </script>
  7. <body onunload="outra();">
www.revistaphp.com.br
Descrição: coloque o body abaixo ou adicione o onselectstart="return false"> para desabilitar a seleção do texto de seu site.
JavaScript
  1. <body onselectstart="return false">
www.revistaphp.com.br
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.
JavaScript
  1. <a href="javascript:window.opener.document.location='paginadois.html'; window.close()">aqui</a>
www.revistaphp.com.br

Opções de Interação

Comentários

Erros de português > consulte um dicionário on-
Por: João, 07/06/2010   21:30:00
dIsabilitado e apareÇe foi de matar!!!!