Jump to content
Fórum Script Brasil
  • 0
Sign in to follow this  
Dezinh0

Scripts

Question

Atenção!!!

- Poste apenas Scripts relacionados;

-Caso possua dúvidas, crie um novo post;

-Evite postar scripts repetidos;

-Clique no link do script que você irá para o local certo.

Página 1

Validacao De Caracteres Para O Campo E-mail

Páginas Sem Erro De Script

Desabilita Botao Direito

Desabilita Botao Direito 2

Desabilita Seleçao De Textos

Abre Uma Outra Janela Ao Sair Da Que Esta

Voltar Ao Topo Da Tela

Onmouseover

Coloca Mensagem Na Barra De Status

Coloca Uma Mensagem Na Barra De Status Quando Passa O Mouse

Este É Otimo Para Documentacoes Na Mesma Pagina

Imprimir

Links Sublinhandos

Botao Link

Move A Posição Da Página Ao Carregar

Desabilitar O Teclado

Pop Diaria

Quiz Do Anao

Trabalhando Com Datas

Validação De E-mail

Uma Validação Para Combobox, Podendo Passar Mensagens

Utilizando O Onmouseover E Onmouseout

Datas... Calcular Entre Elas

Adicionar A Favoritos

Para Abrir Uma Janela Pop Up

Formatação De Valores Na Digitação

Página 2

Aniversarios

Texto Sendo Digitado

Coração Configurável (cor, Nome, Tamanho)

Hora Dual

Fechar Sem Pedir Confirmação Automático

Fechar Sem Pedir Confirmação Por Meio De Botão

Criando Um Cookie

Fazer Pesquisas Com Js

Contagem De Caracteres Numa Area De Texto

Janela Div Arrastável Com Clique Do Mouse

Pop Up No Meio Da Tela

Pop Up em Tela Cheia

Figura Que Acompanha O Scroll

Texto Piscando em Várias Cores

Usando Array E Loop While Para Criar Tabela

Pop Que Abre Automaticamente De Acordo Com A Resolução Do Usuário

Barra De Cores em Gradiente

Love Test

Página 3

Montagem Automática De Tabela

Mensagens Randômicas

Destaque De Ocorrência De Palavras Na Página

Menu Explorer

Scroller Lateral Que Muda De Cor De Acordo Com A Posição Do Mouse

Texto Rotativo Na Barra De Status

Rolagem Suave Automática Da Página

Banner Rotativo

Centralizar Pop No Centro Da Tela

Código De Página Para Criptografia

Marquee Com Botão Iniciar E Parar

Sublinhado nos Links

Bloquear A Atividade Do Teclado

Alterar Cor De Fundo De Link Quando Com O Cursor Sobre

Mensagem Na Barra De Status Com O Mouse Sobre

Barra De Rolagem Colorida

Borda Da Página

Passar Uma Linha Sobre O Texto

Botão Desabilitado

Máscara De Horas Com ":" Automático E Validação

Email Direto Da Página, Utilizando O Outlook, Sem Linguagem Dinâmica

Desabilitar Botoes/text

Maximizar A Janela E Simular O F11

Adicionar Aos Favoritos

Página 4

Ler Código Fonte De Página

Script De Bem-vindo Na Barra De Status

Scroll Automático Para Textos Grandes

Formulário Com Preenchimento Obrigatório

Relógio

Visualizar O Código Fonte De Alguma Página

Confirm Que Nunca Cancela

Efeito De Transição De Página

Como Retirar A Barra De Rolagem Vertical, Ou Horizontal, Ou Ambas

Botão Que Só Pode Ser Clicado 1 Vez

Cronometro

Conversor De Html Para Javascript

Formatação Inteligente dos Campos

Iframe Com Fundo Transparente

Janela Cadente

Página 5

Página Carrega Ao Passar O Mouse

Query String em Js

Guerra nas Estrelas

Animação Que Segue O Mouse Apenas Na Horizontal, Com A Vertical Fixa

Janelinha Maluquinha Rs

Desabilitando Um Objeto Atraves De Um Checkbox

Smilies Na Textarea

Desabilitando Botões Ao Enviar Um Form

Teclado Virtual

Enquete Do John

Resolução De Equações Do Segundo Grau

Verifica Se O Número É Primo Ou Não

Select Que Com Data De Nascimento, Retorna O Signo Automaticamente

Contagem Regressiva

Quadro Com Rolagem

Página 6

Passar Parâmetros em Javascript

Aparecer O Botão Continuar Ao Clicar em Aceitar

Função Trim

Forçar O User A Não Poder Desmarcar Os Check's

Forçar A Marcar Pelo Menos Um Check

Enter Como Tab nos Principais Navegadores

Impedir Minimização De Janela E Foco De Outras Páginas

Filtro De Arquivos Para Upload

Endereço Da Pasta De Um Arquivo Com Contra-barras Convertido em Barras

Conforme Digita Num Input Vai Procurando A Opção Num Select

Pegar Conteúdo De Uma Determinada Coluna Da Tabela.

Efeito De Cores em Tabela Tipo Phpmyadmin

Script Para Enviar Um Submit Para O Formulario, Quando O Foco Estiver em Uma Optonbox

Relogio De Ponteiro Bem Legal Que Acompanha O Mouse

Exporta Variáveis Fácil

Página 7

Trabalhando Com Cookies

Número Primo Ou Não

Hacker Speed

Texto Rotativo

Popup Centralizados

Trava Botao 2 Do Mouse

Confirmar Cancelar Que não Cancela

Carrega Pagina Sem O Click Apenas Com O Passar Do Mouse

Marcar E Desmarcar Checkbox De Mesmo Id

Marcar E Desmarcar Todos Checkboxs Com Ids Diferentes

Auto Completar Para Formularios

Antispam ..

Musica On Off

Troca De Figuras

Mover Div

Página 8

Validação de e-mails

Carregar foto

Contagem de Caracteres

Banner Voador

Remover item da tabela

Remover item da tabela - melhorado

Deletando linhas com o evento OnClick

Atualização da página

Botão de Confirmação

Esvazia campo ao focar

Só permite digitação de números

Hint no link

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

Muda figura ao passar o mouse

Página 9

Efeito em texto

Texto que acompanha o mouse

Bloqueando o botão do teclado "PrintScreen"

Usando fontes diferentes sem o auxilio de imagem

Pré-load

Formatando Body com CSS

Máscara de valores

Menu centralizado a esquerda que se move com a página

Transforme strings numéricas em texto

Scrollbar que pisca

Scrollbar que pisca 2

Janela não minimiza

Link que pisca

Texto como máquina de escrever

Links vivos

Página 10

Preencher Select conforme opção escolhida

Coordenadas do mouse na tela

Permitir Ou Bloquear Alterações Em Inputs Sem Desabilitar, Com Um Botão

Página de redirecionamento com contagem regressiva

Validar todos os campos do form independente da quantidade

Passa para letras maiusculas ao digitar

Muda para o proximo campo automaticamente

Vários efeitos de transição em imagem

Abre janela de texto (layer)

Script para validação de campos /você decide quais campos serão obrigatórios pelo nome do objeto

Inativa Botão Direito Também No FireFox

Auto-completar diferente

Checador de checkbox - adaptado

Validação de campos em branco

Checkar todos os checkbox (melhorado)

Pagina 11

Jogo da velha

Conta quantos formulário existem em uma página! && Quantas imagens existem em uma página

Adicionar aos favoritos [iE] // Adicionar ao Bookmarks [FF]

Função que valida o radiobutton e define a action do form de acordo com o selecionado.

Converte caracter em imagem

Conta a quantidade de Elementos de um FORM

Valida campo && Verifica se data é válida

Código muito interessante de um banner full

Trabalhando com abas

Bloqueando o F5 do teclado

Merlin do MS Office

Escolher action do form com radiobutton

Tratando campos data

Edited by OSJunior

Share this post


Link to post
Share on other sites

Recommended Posts

  • 0

// 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:[email protected]"> 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 !!

Share this post


Link to post
Share on other sites
  • 0

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>

____________________________________________________________________

Share this post


Link to post
Share on other sites
  • 0

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>

____________________________________________________________________

Share this post


Link to post
Share on other sites
  • 0

MOVER DIV

____________________________________________________________________

<script language="JavaScript">

<!--

var tempo;

function mover()

{

var objeto, movimento;

if (window.document.all)

{ objeto=window.document.all.corredor.style;}

else if(document.layers)

{ objeto=window.document.corredor;}

movimento =Math.floor(Math.random()*10);

if(Math.floor(Math.random()*10)<5)

{objeto.left=parseInt(objeto.left)+movimento;}

else

{objeto.left=parseInt(objeto.left)-movimento;}

mov=Math.floor(Math.random()*10);

if(Math.floor(Math.random()*10)<5)

{objeto.top=parseInt(objeto.top)+movimento;}

else

{objeto.top=parseInt(objeto.top)-movimento;}

tempo=setTimeout("mover();",100);

}

-->

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

____________________________________________________________________

Share this post


Link to post
Share on other sites
  • 0

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:  [email protected]

        */

        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>

Share this post


Link to post
Share on other sites
  • 0

<!--

Escrito por Edson Marco Ferrari Junior

[email protected].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>

Share this post


Link to post
Share on other sites
  • 0

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>

Share this post


Link to post
Share on other sites
  • 0

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; 
            }
        }                                                                         
    }
  }    

Share this post


Link to post
Share on other sites
  • 0

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>

Share this post


Link to post
Share on other sites
  • 0

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>

Share this post


Link to post
Share on other sites
  • 0

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"> <!--

        /* Este Símbolo é usado para evitar que navegadores

      *que não suportem Js mostrem o código na página */

    autor = "Márcio Fernandes - [email protected]";

        /*autor é uma variável que recebe por atribuição

      *o texto "Márcio Fernandes - [email protected]" */

    document.write("<b>" + document.lastModified + "</b>");

            /*document é um objeto JavaScript que representa a página

          *da janela atual do browser

          *lastmidified é uma propriedade da página ( texto contendo a data da última

          *atualização

          *Write é um método que escreve o texto passado como parâmetro  na página

          *representado por document*/

    document.write("<p>Autor: " + autor);

            /*O ponto (.) é usado para que se possa ter acesso a propriedade

          *e métodos de um objeto

          *O sinal de (+) é usado para concatenar caracteres e strings

          *as (//) representam comentários e JavaScript*/

  --> </script>

</body>

</html>

valeu galera fui!!!!

Share this post


Link to post
Share on other sites
  • 0

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

Share this post


Link to post
Share on other sites
  • 0

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)">

Share this post


Link to post
Share on other sites
  • 0

Olha eu de novo laugh.gif 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)"> 

Share this post


Link to post
Share on other sites
  • 0

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>

Share this post


Link to post
Share on other sites
  • 0

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

Share this post


Link to post
Share on other sites
  • 0

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>

Share this post


Link to post
Share on other sites
  • 0

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

Share this post


Link to post
Share on other sites
  • 0

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

Share this post


Link to post
Share on other sites
  • 0

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>

Share this post


Link to post
Share on other sites
  • 0

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

Share this post


Link to post
Share on other sites
  • 0

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

Share this post


Link to post
Share on other sites
  • 0

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

Formatando páginas com CSS tongue.gif

<!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? tongue.gif

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  



  • Forum Statistics

    • Total Topics
      148099
    • Total Posts
      643343
×
×
  • Create New...