Scripts

// Esse Javascript aqui eu peguei aqui na própria página principal da ScriptBrasil.com.br .. achei muito legal, e eu achei legal porque é antispam .. tipo, para a pessoa clicar no seu email no seu site e te enviar um email, mais sem aquele parametro <a href="mailto:seuemail@seuprovedor.com.br"> ele não fica assim, fica em js .. da hora .. gostei.. abaixo o código..

<script language='JavaScript' type="text/javascript">
<!--
function contact_suport() {

  // Verificar anti-spam

  suport_email_one = 'seuemail';
  suport_email_two = 'seuprovedor.com.br';

  window.location = 'mailto:'+suport_email_one+'@'+suport_email_two+'?subject=Assunto de interesse';

}

//-->
</script>

Agora abaixo, no link você adiciona como está ..

<a href="javascript:contact_suport()" style="color: #880000;">Seu email aqui</a>

Bom.. vlw, espero que ajude .. fui galera... ae, amanhã vo arruma uma namorada ahkuakhukuha.. nada v.. fui !!

Linha de Chegada · Fevereiro 2, 2005

MÚSICA ON OFF

____________________________________________________________________

<html>
<head>


<script language="JavaScript">
<!--

function tocar()
{
var som = window.document.musica;
som.play();
}

function parar()
{
var som = window.document.musica;
som.stop();
}
-->
</script>
</head>

<body>

<embed name="musica" src="sons/hvitoria.mid" autostart="false" hidden="true" width="128" height="128"></embed> 

<a href="#"  
onclick="tocar();return false;">Toca</a>  
  
<br>  
  
<a href="#"  
onclick="parar();return false;">Para</a>  
  

</body>  
  
  
</html>

____________________________________________________________________

Linha de Chegada · Fevereiro 2, 2005

TROCA DE FIGURAS

____________________________________________________________________

<script language="JavaScript">
<!--
var imagens = new Array();
imagens[0] = new Image();
imagens[0].src="imagens/1finB.jpg";

imagens[1] = new Image();
imagens[1].src="imagens/1finA.jpg";

imagens[2] = new Image();
imagens[2].src="imagens/2marB.jpg";

imagens[3] = new Image();
imagens[3].src="imagens/2marA.jpg";

imagens[4] = new Image();
imagens[4].src="imagens/3liviB.jpg";

imagens[5] = new Image();
imagens[5].src="imagens/3liviA.jpg";

imagens[6] = new Image();
imagens[6].src="imagens/4daniB.jpg";

imagens[7] = new Image();
imagens[7].src="imagens/4daniA.jpg";

imagens[8] = new Image();
imagens[8].src="imagens/5miB.jpg";

imagens[9] = new Image();
imagens[9].src="imagens/5miA.jpg";

imagens[10] = new Image();
imagens[10].src="imagens/6juB.jpg";

imagens[11] = new Image();
imagens[11].src="imagens/6juA.jpg";

imagens[12] = new Image();
imagens[12].src="imagens/7reB.jpg";

imagens[13] = new Image();
imagens[13].src="imagens/7reA.jpg";

imagens[14] = new Image();
imagens[14].src="imagens/8graB.jpg";

imagens[15] = new Image();
imagens[15].src="imagens/8graA.jpg";

imagens[16] = new Image();
imagens[16].src="imagens/9anaB.jpg";

imagens[17] = new Image();
imagens[17].src="imagens/9anaA.jpg";

imagens[18] = new Image();
imagens[18].src="imagens/10reloveB.jpg";

imagens[19] = new Image();
imagens[19].src="imagens/10reloveA.jpg";

var tempo;
var pg = 0;

function troca()
{
window.document.imagem.src=imagens[pg].src;
pg++
if(pg >=imagens.length)
{pg=0;}
tempo = setTimeout("troca();",1000);}

-->
</script>


</head>

<body>
<a href="#"
onmouseout="clearTimeout(tempo);troca();"
onmouseover="clearTimeout(tempo);return false;">
<img name="imagem" src="imagens/1finB.jpg" border=0 width="100" height="142">

</a>

____________________________________________________________________

Linha de Chegada · Fevereiro 2, 2005

MOVER DIV

____________________________________________________________________

<script language="JavaScript">

</script>
</head>
<body>
<div id="corredor" style="position:absolute; top:150; left:100; visibility:visible">
<img src="imagens/corredor01.gif" border=0 width="53" height="59"></div><br>
<a href="#" onclick="tempo=setTimeout('mover();',100);return false;">Corre</a>
<br>
<a href="#" onclick="clearTimeout(tempo);return false;">Para</a>
<br>

____________________________________________________________________

Illidan · Fevereiro 14, 2005

Validação de e-mails

Função que analisa se o padrão de caracteres de uma string é compatível com o padrão de um e-mail válido.

<html>
<head>
<title>Validate e-mail</title>
<script type="text/javascript">
/**
* validate email strings
*
* @author: Carlos Reche
* @email: carlosreche@yahoo.com
*/
function validateEmail(email)
{
if (typeof(email) != "string")
return false;
else if (!email.match(/^[A-Za-z0-9]+([_.-][A-Za-z0-9]+)*@[A-Za-z0-9]+([_.-][A-Za-z0-9]+)*\.[A-Za-z0-9]{2,4}$/))
return false;
return true;
}
function checkEmail(obj)
{
var message = (validateEmail(obj.value)) ? "Valid!" : "Invalid!";
document.getElementById("message").innerHTML = message;
}
</script>
</head>
<body style="text-align: center; padding: 150px 0px; font-size: 20px;">
E-mail: <input type="text" name="email" id="email" onkeyup="checkEmail(this);" />
<div id="message" style="margin: 20px auto; font-size: 17px; font-weight: bold; color: #c00;"></div>
</body>
</html>

Crystian · Fevereiro 15, 2005

Editado Fevereiro 19, 2005 por fabyo

®HEX® · Fevereiro 19, 2005

<!--

Escrito por Edson Marco Ferrari Junior

edmafer@itasoa.com.br

http://www.itasoa.com.br

05 de fevereiro de 2004

Este é um código em JavaScript que ira fazer a contagem e a mostrará em tempo real no browser para o usuário quantos caracteres restam para ele digitar antes do limite, e não deixará que o usuário digite mais caracteres além do especificado. É um código interessante para quem tem um campo textarea no seu form e quer limitar a quantidade de caracteres.

-->
<html>
<head>
<title> Contagem de caracteres - 05/02/2004 - Edson Marco Ferrari Junior - www.itasoa.com.br </title>
<head>
<body onLoad= "document.formulario.comentario.focus()">
<!--
O onLoad ai é só para o cursor já estar no campo textarea quando o browser terminar de carrgar a página. O que deve ser alterado ai no caso é:

» formulario = ao nome do form
» comentario = nome do textarea
-->
<form method="post" action="" name="formulario">
<table width="100%">
	<tr>
  <td align="center">
  	<textarea rows= "5" cols= "40" name="comentario" onkeyup="textCounter(this.form.comentario,this.form.charRestantes,202);" onkeydown="textCounter(this.form.comentario,this.form.charRestantes,202);">
  	</textarea>
  </td>
	</tr>
	<!-- 
	Vamos as explicações: como já havia dito antes, comentario é o nome do campo textarea e formulario é o nome do form. textCounter é o nome da função que veremos mais abaixo. Note que eu coloquei form e não o nome do formulário e logo após ele o nome do textarea, e charRestantes será o nome do campo text que irá exibir quantos caracteres o usuário ainda pode inserir, e 203 foi o limite estipulado por mim.
	-->
	<tr>
  <td align="center">
  	Você ainda pode digitar: <!-- Só um texto para agradar -->
  	<input type="text" name="charRestantes" value="200" size="3" maxlength="3">
  	caracteres
  	<!-- 
  	Campo que exibirá em tempo real quantos caracteres restam, não sei se você reparou, mas existe uma diferença entre o limite estipulado, e o exibido neste campo. Isto acontece por que, eu não sei, só sei que no primeiro caracter ele come 3, por ist a diferença.
  	-->

  	<script language="JavaScript"> //Lembre-se que este JavaScript deve estar bem abaixo dos campos
  	<!--

    function textCounter(campo, countcampo, maxlimit){ //Esta função que irá contar, mostrar e restringir o tamanho do campo
        if (campo.value.length > maxlimit) { //se passar do limite não deixará entrar o caracter
      campo.value = campo.value.substring(0, maxlimit);
    	}
    	else { //aqui, enquanto não se chegar ao limite, a cada caracter inserido ele reduzira -1 da contagem
            countcampo.value = maxlimit - campo.value.length;
    	}
    }
    
  	//-->
  	</script>

  </td>
	</tr>
	<tr>
  <td align="center">
  	<input type="button" value="Enviar comentário">	<!-- Só para enfeitar, não serve para nada -->
  </td>
	</tr>
</table>
</body>
</html>

Crystian · Março 16, 2005

Banner voador

Este código foi postado por Conselheiro em 16 de março de 2005 as 14:24 ...

 CODIGO PRONTO AGORA É SÓ MUDAR O ENDEREÇO DA URL E NADA MAIS. ESPERO QUE ESTE CODIGO SEJA UTIL PARA vocês

<script language="JavaScript">
<!--
function na_open_window(name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable)
{
toolbar_str = toolbar ? 'yes' : 'no';
menubar_str = menubar ? 'yes' : 'no';
statusbar_str = statusbar ? 'yes' : 'no';
scrollbar_str = scrollbar ? 'yes' : 'no';
resizable_str = resizable ? 'yes' : 'no';
window.open(url, name, 'left='+left+',top='+top+',width='+width+',height='+height+',toolbar='+toolbar_str+', menubar='+menubar_str+',status='+statusbar_str+',scrollbars='+scrollbar_str+', resizable='+resizable_str);
}
// -->
</script>
</head>

<div id=dropin style="left: 373; width: 144; position: absolute; height: 89; background-color: rgb(255, 255, 255); visibility: visible; top: 142">
<table cellspacing=0 width=141 border=0 style="border-collapse: collapse" cellpadding=0 height="68"><tbody><tr>
<td valign=top height="68" width="144"><p align=left><font color=#000077></a></font><font color=#000000 size=1 face=Arial>
<a target="_blank" href="http://www.conselhosdoceu.com/anuncio.html">
<img src=http://www.conselhosdoceu.com/banner_anuncie.gif alt=" Click Aqui ! " align=middle border=2 width=140 height=60></a></font><font color=#000077><br> </font><font size=1 face=Arial color=#E4E4E4>
<br>
</font><b><font size=1 face=Arial><a href=javascript:dismissbox()><font color=000000>Fechar anuncio</font></a><font color=#F8C400></font></font></b></td></tr></tbody></table></div>
<script language="JavaScript1.2">
var ie=document.all
var dom=document.getElementById
var ns4=document.layers

var bouncelimit=32 //(must be divisible by 8)
var direction="up"

function initbox(){
if (!dom&&!ie&&!ns4)
return
crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
crossobj.top=scroll_top-50
crossobj.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropin()",50)
}
function dropin(){
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
if (parseInt(crossobj.top)<100+scroll_top)
crossobj.top=parseInt(crossobj.top)+100
else{
clearInterval(dropstart)
bouncestart=setInterval("bouncein()",50)
}
}
function bouncein(){
crossobj.top=parseInt(crossobj.top)-bouncelimit
if (bouncelimit<0)
bouncelimit+=8
bouncelimit=bouncelimit*-1
if (bouncelimit==0){
clearInterval(bouncestart)
}
}
function dismissbox(){
if (window.bouncestart) clearInterval(bouncestart)
crossobj.visibility="hidden"
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function dropornot(){
if (get_cookie("droppedin")==""){
window.onload=initbox
document.cookie="droppedin=yes"
}
}
dropornot()
function redo(){
bouncelimit=32
direction="up"
initbox()
}
window.onload=initbox
</script>

OSJunior · Agosto 10, 2005

Remover item da tabela HTML

Este script foi postado por dmetallica em 10/08/2005 às 11:50 AM.

 function EXCLUIROK(sValorExcluir)
  {
    if (confirm('Desejá Realmente apagar o Alarme[' + sValorExcluir  + ']? '))
    {                 
        sValorExcluir = 'tr' + sValorExcluir;
       
        var i = 0;
        var iTotLinhas = tabelaDados.getElementsByTagName("tr").length;         
        var oNodoAux;
        var oNodoClone;
        var oDadosRemovidos;
       
        for (;i<iTotLinhas;i++)
        {           
            oNodoAux = tabelaDados.getElementsByTagName("tr").item(i);
            if (oNodoAux.id.toUpperCase()==sValorExcluir.toUpperCase()) 
            {
              alert('Achei: ' + oNodoAux.id.toUpperCase());
              oNodoClone = oNodoAux.cloneNode(true);             
             
              tabelaDados.getElementsByTagName("tr").item(i).innerText = '';                           
             
              alert('Registro excluido com sucesso! ');
              break; 
            }
        }                                                                         
    }
  }

dmetallica · Agosto 11, 2005

Função Eficiente para Remover Item de Uma Tabela.

<script>

//******************************************************************************************

/*
   Essa função que eu fiz ficou bem melhor.
*/

function apagaLinhaTabela(sIdTabela,sIdTrRemover)
{
   var oTabela;    
   var oCollecaoTR;   
   var oObjLinha;
   var iTotLinhas; 
   var i = 0;
   
   oTabela = document.getElementById(sIdTabela);
   if (oTabela==null)
   {
     alert('Não foi possivel achar a tabela!');
     return;
   } 
   
   oCollecaoTR = oTabela.childNodes;
   if (oCollecaoTR==null)
   {
  alert('Não foi possivel achar as Linhas da tabela!');
     return;   
   }
   
   oObtLinha = oCollecaoTR[0].childNodes; 
   if (oObtLinha==null)
   {
  alert('Não foi possivel achar a(s) linha(s) da tabela!');
     return;   
   }
   iTotLinhas = oObtLinha.length;
   
   for(;i<iTotLinhas;i++)
   {
     if (oObtLinha[i]!=null)
     {
  if (oObtLinha[i].id.toUpperCase()==sIdTrRemover.toUpperCase())
  {
    oCollecaoTR[0].removeChild(oObtLinha[i]);
    alert('Item Removido com Sucesso!');    
  }
  }	
   }
   
}


//******************************************************************************************

</script>

<html>
<body  id=bd1>

<table id=t1 name=t1 border=3>
	<tr id=tr1 name=tr1>
   <td id=td1 name=td1>
     teste 1
   </td>  
   <td id=td5 name=td5>
     teste 5
   </td>  
	</tr>  
	<tr id=tr2 name=tr2>
   <td id=td2 name=td2>
     teste 2
   </td>  
   <td id=td6 name=td6>
     teste 6
   </td>  
	</tr>  
	<tr id=tr3 name=tr3 onClick="remove('tr3');" >
   <td id=td3 name=td3>
     teste 3
   </td>  
   <td id=td7 name=td7>
     teste 7
   </td>  
	</tr>    
</table>	

<br>

<input type=button id=bt12 value="remover 3 " onClick="apagaLinhaTabela('t1','tr3');">
<input type=button id=bt1112 value="remover 2 " onClick="apagaLinhaTabela('t1','tr2');">
<input type=button id=bt122112 value="remover 1 " onClick="apagaLinhaTabela('t1','tr1');">

</body>
</html>

Crystian · Agosto 11, 2005

Deletando linhas com o evento onClick

<html>
<head>
<script>
function apagaLinhaTabela(id, tr) {
	if (confirm("Tem certeza que deseja excluir a linha clicada?")) {
         var tabela = document.getElementById(id);
         for (i=0; i < tabela.rows.length; i++) { //>
             var linha = tabela.rows[i];
             if (linha == tr) {
                 tabela.deleteRow(linha);
             }
         }
      }
}
</script>
</head>
<body>
<table id=t1 border=3 width="100%">
    <tr onClick="apagaLinhaTabela('t1', this)">
      <td>
        teste 1
      </td>  
      <td>
        teste 5
      </td>  
    </tr>  
    <tr onClick="apagaLinhaTabela('t1', this)">
      <td>
        teste 2
      </td>  
      <td>
        teste 6
      </td>  
    </tr>  
    <tr onClick="apagaLinhaTabela('t1', this)">
      <td>
        teste 3
      </td>  
      <td>
        teste 7
      </td>  
    </tr>    
</table>
</body>
</html>

fernando_vip · Setembro 6, 2005

Olá Pessoal!!!

Este é para aqueles, que como eu, estão começando:

Atualização de página

Eis o código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> Última Atualização na Página </title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="generator" content="Matrix Y2K from van IJperen Software Inc. - http://www.crystalfibers.com">
</head>
<body>
<p>Última Modificação:
<script language="JavaScript1.1">  </script>
</body>
</html>

valeu galera fui!!!!

.Andreia. · Setembro 16, 2005

Script: Botão de Confirmação

Descrição: Esse script abre uma janela de confirmação, pelo método onClick ou onSubmit, com as opções OK e Cancelar.

Se o usuário clicar em OK, redireciona à página definida. Se clicar em Cancelar, fecha a janela de confirmação e não faz nenhuma ação.

<script LANGUAGE="JAVASCRIPT">
function verifica(){
   msg = "Tem certeza que deseja continuar?";
   return confirm(msg);
   }

</SCRIPT>

Chamada da função pelo form:

<FORM ACTION="pagina.htm" onSubmit="return verifica()">

ou Chamada da função por um botão:

<input type="submit" name="botao" value="OK" onclick="return verifica()">

ou Chamada da função por um link:

<a href="pagina.htm" onclick="return verifica()">Link</a>

é isso ai

.Andreia. · Setembro 22, 2005

Script: Esvazia campo ao focar

Descrição: O campo tem um value definido, quando o usuário der o foco o campo esvazia. Se preencher algo, não perde o novo valor mas se ao focar e sair do campo sem preencher nada, o value pre-definido volta.

<script language="JavaScript">
          function stopError() {
          return true;
          }

          window.onerror = stopError;
    	function clear_field(field){
    	if (field.value==field.defaultValue)    {    

	field.value=''    }
}

	function check_field(field){
    if (field.value=='' ||
    field.value==' ')    {
    field.value=field.defaultValue }
}

</script>

chamada da função:

<input type="text" size="20" name="nome" value="Digite seu nome" onfocus="clear_field(this)" onblur="check_field(this)">

.Andreia. · Setembro 22, 2005

Olha eu de novo vou compartilhar alguns dos scripts que eu tenho

Script: Só permite digitação de números

Descrição: No campo só é permitido número, se for teclado alguma letra não aparece nada, somente números.

<script language="javascript">
	function blokletras(objEvent) 
	{
   var iKeyCode;  	
   iKeyCode = objEvent.keyCode;  	
   if(iKeyCode>=48 && iKeyCode<=57) return true;
   return false;
	}
</script>

Chamada da função:

<input type="text" name="numero" onkeypress="return blokletras(event)">

.Andreia. · Setembro 22, 2005

Script: Hint no link

Descrição: Ao passar o mouse sobre um link, exibe o hint (mensagem)

Propriedades do hint

<div id="link" style="position:absolute; z-index:1; visibility: hidden; background-color: #9900FF; layer-background-color: #FFFFCC; border: 1px none #000000; left: 52px; top: 16px;"><font size="1" face="Verdana" color="#FFFFFF">Este é um link</font></div>

<script language="JavaScript" type="text/JavaScript">

//verifica o navegador
sAgent = navigator.userAgent;
bIsIE = sAgent.indexOf("MSIE") > -1;
bIsNav = sAgent.indexOf("Mozilla") > -1 && !bIsIE;

//setando as variaveis de controle de eventos do mouse
var xmouse = 0;
var ymouse = 0;
document.onmousemove = MouseMove;

//funcoes de controle de eventos do mouse:
function MouseMove(e){
 if (e) { MousePos(e); } else { MousePos();}
}

function MousePos(e) {
 if (bIsNav){
  xmouse = e.pageX;
  ymouse = e.pageY;
 } 
 if (bIsIE) {
  xmouse = document.body.scrollLeft + event.x;
  ymouse = document.body.scrollTop + event.y;
 }
}

//funcao que mostra e esconde o hint
function Hint(objNome, action){
 //action = 1 -> Esconder
 //action = 2 -> Mover

 if (bIsIE) {
  objHint = document.all[objNome]; 
 }
 if (bIsNav) {
  objHint = document.getElementById(objNome);
  event = objHint;
 }

 switch (action){
  case 1: //Esconder
   objHint.style.visibility = "hidden";
   break;
  case 2: //Mover
   objHint.style.visibility = "visible";
   objHint.style.left = xmouse + 15;
   objHint.style.top = ymouse + 15;
   break;
 }

}

</script>

Chamada da função:

<a href="#" onMouseMove="Hint('link',2)" onMouseOut="Hint('link',1)">Passe o mouse aqui</a>

.Andreia. · Setembro 22, 2005

Script: Cria opções - botão direito do mouse

Descrição: Você cria uma lista de opções, que são linkadas, quando o usuário clica o botão direito do mouse.

<style>
<!--
.skin0 {
position:absolute;
text-align:left;
width:200px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
visibility:hidden;
}
.skin1 {
cursor:default;
position:absolute;
text-align:left;
font-family: Verdana;
font-size: 10pt;
width:120px;
background-color:#9999FF;
visibility:hidden;
border:2px outset buttonhighlight;; font-style:normal; font-variant:normal; font-weight:bold
}
.menuitems {
padding-left:15px;
padding-right:10px;
}
-->
</style>

<script LANGUAGE="JavaScript">

<!-- Begin
var menuskin = "skin1";
var display_url = 0;
function showmenuie5() {
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft + event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop + event.clientY;
ie5menu.style.visibility = "visible";
return false;
}
function hidemenuie5() {
ie5menu.style.visibility = "hidden";
}
function highlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "highlight";
event.srcElement.style.color = "white";
if (display_url)
window.status = event.srcElement.url;
   }
}
function lowlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "";
event.srcElement.style.color = "black";
window.status = "";
   }
}
function jumptoie5() {
if (event.srcElement.className == "menuitems") {
if (event.srcElement.getAttribute("target") != null)
window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
else
window.location = event.srcElement.url;
   }
}
//  End -->
</script>

<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();">
<div class="menuitems" url="javascript:history.back();">Volta</div>
<div class="menuitems" url="http://www.pagina1.htm">Pagina 1</div>
<hr>
<div class="menuitems" url="http://www.pagina2.htm">Pagina 2</div>
<div class="menuitems" url="http://www.pagina3.htm">Pagina 3</div>
<hr>
<div class="menuitems" url="http://www.pagina4.htm">Pagina 4</div>
<div class="menuitems" url="http://www.pagina5.htm">Pagina 5</div>
</div>

<script language="JavaScript">
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
</script>

<center><br><br><font face="verdana">Clique com o botão direto do mouse para mais opções</font></center>

obs.: script adaptado, site RuaJava

.Andreia. · Setembro 28, 2005

Tem um script aqui que eu vi que faz isso tambem, este aqui só é de outra forma.

Script: Muda figura ao passar o mouse

Descrição: Ao passar o mouse por uma figura, ela muda.

Figura1 é a inicial, Figura2 aparece ao passar o mouse, quando sai volta para a figura1

<a href="pagina.htm" onMouseOver="document.figura.src='figura2.gif'" onMouseout="document.figura.src='figura1.gif'"><img src="figura1.gif" border="0" name="figura"></A>

.Andreia. · Setembro 29, 2005

Script: Confirma dados (onSubmit)

Descrição: Um formulário com campos onde ao clicar no botão de submit, abre uma janela confirmando os dados digitados com a opção OK e Cancel. Se Cancel, volta pro formulário sem alterações, se OK prossegue.

<script LANGUAGE=JAVASCRIPT>
function confirma(){
       msg = "Dados informados: \n\n Nome: " + document.forms[0].nome.value + "\n Idade: " + document.forms[0].idade.value + "\n\n Deseja prosseguir?"
       return confirm(msg);
}
</SCRIPT>

<FORM ACTION="" onSubmit="return confirma()">
Nome: <INPUT TYPE=TEXT NAME="nome" size=30><BR>
Idade: <INPUT TYPE=TEXT NAME="idade" size=2><BR><BR>
<INPUT TYPE=SUBMIT VALUE="Submit">

.Andreia. · Setembro 29, 2005

Script: Efeito em texto

Descrição: esse efeito é parecido quando batemos uma corda no chão, e faz aquele movimento como uma onda

<BODY>
<center><h1><div id="jump"></div></h1></center>
<script language="javascript">
message= "Fórum Script Brasil"

mes=new Array();mes[0]=-1;mes[1]=-4;mes[2]=-7;mes[3]=-10;mes[4]=-7;mes[5]=-4;mes[6]=-1;num=0;num2=0;txt="";function jump0(){if(message.length > 6){for(i=0;i != message.length;i++){txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};jump.innerHTML=txt;txt="";jump1a()};else{alert("Your message is to short")}};function jump1a(){n0.style.left=-num2;if(num2 != 9){num2=num2+3;setTimeout("jump1a()",50)};else{jump1b()}};function jump1b(){n0.style.left=-num2;if(num2 != 0){num2=num2-3;setTimeout("jump1b()",50)};else{jump2()}}
function jump2(){txt="";for(i=0;i != message.length;i++){if(i+num > -1 && i+num < 7){txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"};else{txt=txt+"<span>"+message.charAt(i)+"</span>"}};jump.innerHTML=txt;txt="";if(num != (-message.length)){num--;setTimeout("jump2()",50)};else{num=0;setTimeout("jump0()",50)}};jump0()
</script>

obs.: código adaptado do site RuaJava

.Andreia. · Setembro 29, 2005

Script: Texto que acompanha o mouse

Descrição: texto segue o ponteiro do mouse

<HEAD>

<style>.spanstyle {
	COLOR: gray; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</style>

<script LANGUAGE="JavaScript">

<!-- Begin
var x, y;
var step = 10;
var flag = 0;

var message = "Fórum Script Brasil ";
message = message.split("");
var xpos = new Array();
for (i = 0; i <= message.length - 1; i++) {
xpos[i] = -50;
}
var ypos = new Array();
for (i = 0; i <= message.length - 1; i++) {
ypos[i]= -50;
}
function handlerMM(e) {
x = (document.layers) ? e.pageX : document.body.scrollLeft + event.clientX;
y = (document.layers) ? e.pageY : document.body.scrollTop + event.clientY;
flag = 1;
}
function makesnake() {
if (flag == 1 && document.all) {
for (i = message.length - 1; i >= 1; i--) {
xpos[i] = xpos[i - 1] + step;
ypos[i] = ypos[i - 1];
}
xpos[0] = x + step;
ypos[0] = y;
for (i = 0; i < message.length - 1; i++) {
var thisspan = eval("span" + (i) + ".style");
thisspan.posLeft = xpos[i];
thisspan.posTop = ypos[i];
   }
}
else if (flag==1 && document.layers) {
for (i = message.length - 1; i >= 1; i--) {
xpos[i] = xpos[i - 1] + step;
ypos[i] = ypos[i - 1];
}
xpos[0] = x + step;
ypos[0] = y;
for (i = 0; i < message.length - 1; i++) {
var thisspan = eval("document.span" + i);
thisspan.left = xpos[i];
thisspan.top = ypos[i];
   }
}
var timer = setTimeout("makesnake()", 10);
}
// End -->
</script>
</HEAD>


<body bgcolor="#FFFFFF" text="#FF0000" onload="makesnake()" link="#0000FF" vlink="#800080" alink="#FF0000">


<script LANGUAGE="JavaScript">
<!-- Begin
for (i = 0; i <= message.length-1; i++) {
document.write("<span id='span"+i+"' class='spanstyle'>");
document.write(message[i]);
document.write("</span>");
}
if (document.layers) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// End -->
</script>

OSJunior · Outubro 11, 2005

Bloqueando o botão do teclado "PrintScreen"

Postado por Guest em 11/10/2005

<body onload=setInterval("window.clipboardData.clearData()",20)>

OBS: só Funciona no IE e mesmo assim é facil ser desativado

fercosmig · Outubro 15, 2005

Usando fontes diferentes sem o auxilio de imagem

<STYLE TYPE="text/css">
@font-face {
font-family: Times New Roman; /* Define o nome da fonte */
src: url(TIMESNE0.eot); /* Define o caminho onde esta a fonte */
}
@font-face {
font-family: Alanis Hand; /* Define o nome da fonte */
src: url(http://www.imasters.com.br/ALANISH0.eot); /* Define o caminho onde esta a fonte */
}
-->
< /STYLE>

créditos: Mariana Frioli

fonte / + detalhes: http://www.imasters.com.br/artigo.php?cn=1439&cc=55

abraços

renatacm · Novembro 25, 2005

Pré-load

Post

Diego_Bittencourt · Dezembro 30, 2005

Não sei se já foi postado...

Formatando páginas com CSS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN
" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>exemplo</title>
<style type="text/css">
body {
font-family: "Trebuchet MS", Verdana, Arial;
font-size: 12px;
color: #006;
background-color: #FFF;
}
a:link, a:visited {
color: #00F;
text-decoration: underline overline;
}
a:hover, a:active {
color: #F00;
text-decoration: none;
}
</style>
</head>
<body>
<a href="#">link com underline e overline</a> <br />

Fonte Trebuchet MS, tamanho 12px. Se ela não estiver instalada, será usada a <strong 

style="color: #00F">Verdana</strong>, e se esta também não estiver instalada, será 

usado <strong style="color: #00F">Arial</strong>.
</body>
</html>

Lembrando que folha de estilos interna o ideal é para se usar em uma única página.

Já quando é uma externa (arquivo CSS), você pode mudar Todas suas páginas (apresentação), só modificando o CSS. Não é ótimo?

Entrar

Scripts

Pergunta

Link para o comentário

Compartilhar em outros sites

Top Posters For This Question

Dias Populares

Top Posters For This Question

Dias Populares

162 respostass a esta questão

Posts Recomendados

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Estatísticas dos Fóruns