Scripts

<script language=javascript>
//MÁSCARA DE VALORES

function txtBoxFormat(objeto, sMask, evtKeyPress) {
    var i, nCount, sValue, fldLen, mskLen,bolMask, sCod, nTecla;


if(document.all) { // Internet Explorer
    nTecla = evtKeyPress.keyCode;
} else if(document.layers) { // Nestcape
    nTecla = evtKeyPress.which;
} else {
    nTecla = evtKeyPress.which;
    if (nTecla == 8) {
        return true;
    }
}

    sValue = objeto.value;

    // Limpa todos os caracteres de formatação que
    // já estiverem no campo.
    sValue = sValue.toString().replace( "-", "" );
    sValue = sValue.toString().replace( "-", "" );
    sValue = sValue.toString().replace( ".", "" );
    sValue = sValue.toString().replace( ".", "" );
    sValue = sValue.toString().replace( "/", "" );
    sValue = sValue.toString().replace( "/", "" );
    sValue = sValue.toString().replace( ":", "" );
    sValue = sValue.toString().replace( ":", "" );
    sValue = sValue.toString().replace( "(", "" );
    sValue = sValue.toString().replace( "(", "" );
    sValue = sValue.toString().replace( ")", "" );
    sValue = sValue.toString().replace( ")", "" );
    sValue = sValue.toString().replace( " ", "" );
    sValue = sValue.toString().replace( " ", "" );
    fldLen = sValue.length;
    mskLen = sMask.length;

    i = 0;
    nCount = 0;
    sCod = "";
    mskLen = fldLen;

    while (i <= mskLen) {
      bolMask = ((sMask.charAt(i) == "-") || (sMask.charAt(i) == ".") || (sMask.charAt(i) == "/") || (sMask.charAt(i) == ":"))
      bolMask = bolMask || ((sMask.charAt(i) == "(") || (sMask.charAt(i) == ")") || (sMask.charAt(i) == " "))

      if (bolMask) {
        sCod += sMask.charAt(i);
        mskLen++; }
      else {
        sCod += sValue.charAt(nCount);
        nCount++;
      }

      i++;
    }

    objeto.value = sCod;

    if (nTecla != 8) { // backspace
      if (sMask.charAt(i-1) == "9") { // apenas números...
        return ((nTecla > 47) && (nTecla < 58)); } 
      else { // qualquer caracter...
        return true;
      } 
    }
    else {
      return true;
    }
  }
</script>

Chamada da função (exemplos):

Data:<input type="text" size="20" onkeypress="return txtBoxFormat(this, '99/99/9999', event);">
RG:<input type="text" size="20" onkeypress="return txtBoxFormat(this, '99.999.999-9', event);">
Telefone:<input type="text" size="20" onkeypress="return txtBoxFormat(this, '(99)9999-9999', event);">
Código:<input type="text" size="20" onkeypress="return txtBoxFormat(this, '99-999', event);">

o que está em vermelho é onde coloca-se a formatação desejada.

ps.; Codigo adaptado para o FF por cavotta

Janeiro 16, 2006

MENU CENTRALIZADO A ESQUERDA QUE SE MOVE COM A PÁGINA

<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>
<layer id="divStayTopLeft">

<table border="0" width="150" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" bgcolor="#FFFFFF">
<p align="left">
   <a href="http://www.simpleplanst.com.br/">Link 1</a></td>
   <a href="http://www.steffan2005.oi.com.br/" target="_blank">Link 3</a></td>
   <a href="http://www.google.com.br/"><img alt="Link 2 (pode ser imagem)" src="link3.gif" width="150" height="100" border="0"></a></td>
</tr>
</table>

</layer>
<script type="text/javascript">
/*
Floating Menu script- Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/
//Enter "frombottom" or "fromtop"
var verticalpos="frombottom"
if (!document.layers)
document.write('</div>')
function JSFX_FloatTopDiv()
{
var startX = 30,
startY = 300;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):D.all?d.all[id]:D.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x;this.style.top=y;};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function()
{
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : document.body.scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
JSFX_FloatTopDiv();
</script>

Editado Março 22, 2006 por fercosmig

jose.rob.jr · Janeiro 20, 2006

Transforme strings numéricas em texto

Não sabe o inverso de parseInt()?

é só criar um

<script language="javascript">
function parseText(N){
N+="'";
N=N.split("'");
return N[0];
}
</script>

pra usar:

a="10";
alert(a+1); /* resposta 101 */
a=parseInt(a);
alert(a+1); /* resposta 11 */
a=parseText(a);
alert(a+1); /* resposta 101 de novo */

Steffan · Janeiro 23, 2006

SCROLL BAR QUE PISCA

<!--

//Visite: www.steffan2005.oi.com.br//

var begcolor='#000000';

var endcolor='#FF0000';

var steps=2;

var delay=200;

if(document.all && document.getElementById){

document.body.style.scrollbarBaseColor=begcolor;

function colorset(num){

this.beg=parseInt('0x'+begcolor.substring(num,num+2));

this.end=parseInt('0x'+endcolor.substring(num,num+2));

this.up=this.startup=(this.end>=this.beg)? true : false;

this.incr=Math.abs(this.end-this.beg)/steps;

this.current=this.beg;

}

function changecolors(){

var color=new Array();

for(i=1;i<=3; i++){

(data.up)? data.current+=data.incr : data.current-=data.incr;

if(data.startup){

if(data.current>=data.end){ data.up=false; data.current=data.end}

if(data.current<=data.beg){ data.up=true; data.current=data.beg }

}

if(!data.startup){

if(data.current<=data.end){ data.up=true; data.current=data.end}

if(data.current>=data.beg){ data.up=false; data.current=data.beg}

}

color=data.current;

}

color[4]=Math.floor(color[1]).toString(16); if(color[4].length==1)color[4]='0'+color[4];

color[5]=Math.floor(color[2]).toString(16); if(color[5].length==1)color[5]='0'+color[5];

color[6]=Math.floor(color[3]).toString(16); if(color[6].length==1)color[6]='0'+color[6];

document.body.style.scrollbarBaseColor='#'+color[4]+color[5]+color[6];

//document.bgColor='#'+color[4]+color[5]+color[6];

}

var data=new Array();

for(i=1, j=1;i<=3; i++, j+=2)data=new colorset(j);

window.onload=function(){ setInterval('changecolors()',delay) }

}

//-->

</SCRIPT>

Steffan · Janeiro 23, 2006

SCROLL QUE PISCA 2

<script language=JavaScript1.2>

</SCRIPT>

Steffan · Janeiro 23, 2006

JANELA não MINIMIZA

Coloque onblur=self.focus() dentro do BODY

Steffan · Janeiro 23, 2006

LINK QUE PISCA

<script language=JavaScript1.2>

var rate = 100; // Increase amount(The degree of the transmutation)
////////////////////////////////////////////////////////////////////
// Main routine
var obj; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {
Browser = true;
} else {
Browser = false;
}
if (Browser) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
//=============================================================================
// doRainbow
// This function begins to change a color.
//=============================================================================
function doRainbow()
{
if (Browser && act != 1) {
act = 1;
obj = event.srcElement;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
//=============================================================================
// stopRainbow
// This function stops to change a color.
//=============================================================================
function stopRainbow()
{
if (Browser && act != 0) {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
//=============================================================================
// doRainbowAnchor
// This function begins to change a color. (of a anchor, automatically)
//=============================================================================
function doRainbowAnchor()
{
if (Browser && act != 1) {
obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
//=============================================================================
// stopRainbowAnchor
// This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function stopRainbowAnchor()
{
if (Browser && act != 0) {
if (obj.tagName == 'A') {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
//=============================================================================
// Change Color
// This function changes a color actually.
//=============================================================================
function ChangeColor()
{
obj.style.color = makeColor();
}
//=============================================================================
// makeColor
// This function makes rainbow colors.
//=============================================================================
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR);
elmG = Math.floor(elmG);
elmB = Math.floor(elmB);
clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return clrRGB;
}
</SCRIPT>

Steffan · Janeiro 23, 2006

Texto como máquina de escrever

<script language=javascript>

</SCRIPT>

Steffan · Janeiro 23, 2006

Links Vivos

<script language=JavaScript>
nSpace=5 // how many space maximum between each letter
nSpeed=100 // the speed of the animation
timerLSM=null;
function LetterSpacingMenu() {
if(document.getElementById){
lnks = Math.floor(Math.random()*lnk.length);
letterSpacing = Math.floor(Math.random()*nSpace);
lnk[lnks].style.letterSpacing = letterSpacing + "px";
timerLSM = setTimeout("LetterSpacingMenu()", nSpeed);
}
}
function StopMenu() {
if(document.getElementById) {
clearTimeout(timerLSM);
for(i=0;i<lnk.length;i++)
lnk.style.letterSpacing = 0 + "px";
}
}
function LSMenuInit() {
if(document.getElementById) {
lnk = document.getElementById("menucont").getElementsByTagName("a");
cnt = document.getElementById("menucont");
cnt.style.textAlign= "center";
cnt.onmouseover=StopMenu;
cnt.onmouseout=LetterSpacingMenu;
LetterSpacingMenu();
}
}
onload=LSMenuInit;

</SCRIPT>

fercosmig · Janeiro 24, 2006

Preencher Select conforme opção escolhida

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

</script>

<form name="form1">
<select name="marcas" id="mrc" onchange="modela();">
<option selected>Escolha</option>
<option value="vw" >VolksWagem</option>
<option value="ch">Chevrolet</option>
<option value="fd">Ford</option>
</select>
<select name="modelo" id="mdl" onchange="ver();"></select>
</form>

abraços

fercosmig · Janeiro 27, 2006

Coordenadas do mouse na tela:

<html>
<head>
<script language="JavaScript" type="text/javascript">

</script>
</head>
<body onMouseMove="mostracoordenadas();">
<span id="posicao"></span>
</body>
</html>

abraços

jose.rob.jr · Fevereiro 22, 2006

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

<html>
<head>
<style>
</style>
<script>
function tranc(){permitirOnegar(1,this);}
function permi(){permitirOnegar(0,this);}
function permitirOnegar(trancar,onde){
var inputs,i, permitir, negar;
inputs=document.getElementsByTagName("input");
if(trancar){
for(i=0;i<inputs.length;i++){
inputs.readOnly=true;
}
onde.onclick=permi; onde.value="Desbloquear";
}
else if(!trancar){
for(i=0;i<inputs.length;i++){
inputs.readOnly=false;
}
onde.onclick=tranc; onde.value="Bloquear";
}
else onde.value="Erro";
}
</script>
</head>
<body><form name=a>
<input type=text value=asd readonly><br>
<input type=text value=asd readonly><br>
<input type=text value=asd readonly><br>
<input type=text value=asd readonly><br>
<input type=text value=asd readonly><br>
<input type=text value=asd readonly><br>
<button onclick="permitirOnegar(0,this)">Desboquear</button></form>
</body>
</html>

fercosmig · Março 9, 2006

página de redirecionamento com contagem regressiva

<body>
Você será redirecionado dentro de<br>
<div id="contagem"></div>
<script language="JavaScript" type="text/javascript">

</script>
</body>

script pego na web, só fiz uma limpeza no codigo.

abraços

fercosmig · Março 9, 2006

validar todos os campos do form independente da quantidade

<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
function ValidaTodos(){
var campo = document.forms[0];
var i=0;
for (i=0; i<campo.elements.length; i++){
var valida = campo.elements[i].value;
if (valida == ''){
alert('o campo ' +  campo.elements[i].name + ' deve ser preenchido!');
return false;
}
}
}
//-->
</script>
</head>
<body>
<form name="teste" onsubmit="return ValidaTodos();">
Campo 1: <input type="text" name="txt1"/><br>
Campo 2: <input type="text" name="txt2"/><br>
Campo 3: <input type="text" name="txt3"/><br>
<input type="submit" name="btn1" value="Enviar" />
</form>
</body>
</html>

.Andreia. · Março 22, 2006

Script: Passa para letras maiusculas ao digitar

Descrição: Ao digitar, automaticamente, as letras minusculas passam pra maiuscula. Script tambem tem validação de caracteres especiais junto.

<script language="javascript">
function UP_Letra(evento, valida, maiuscula) {
  if (evento.target) {
    codigo = evento.target;
  }
  else {
    codigo =  event.srcElement;
  }
  element = codigo.value;
  if (maiuscula == 'true') {
    element = element.toUpperCase();
  }
  var new_element = "";
  for (vIdx=0; vIdx < element.length; vIdx++) {
    if (valida.indexOf(element.substr(vIdx, 1)) != -1
        || (maiuscula == 'false' &&
            valida.toLowerCase().indexOf(element.substr(vIdx, 1)) != -1) ) {
      new_element = new_element + element.substr(vIdx, 1);
    }
  }
  codigo.value = new_element;
}
</script>

Chamada da função:

<input type="text" name="texto" size="20" maxlength="20" onkeyup="UP_Letra(event, ' ABCDEFGHIJKLMNOPQRSTUVWXYZ', 'true')">

.Andreia. · Março 22, 2006

Script: Muda para o proximo campo automaticamente

<script LANGUAGE="JavaScript">
var isNN = (navigator.appName.indexOf("Netscape")!=-1);
function autoTab(input,len, e) {
var keyCode = (isNN) ? e.which : e.keyCode;
var filter = (isNN) ? [0,8,9] : [0,8,9,16,17,18,37,38,39,40,46];
if(input.value.length >= len && !containsElement(filter,keyCode)) {
input.value = input.value.slice(0, len);
input.form[(getIndex(input)+1) % input.form.length].focus();
}
function containsElement(arr, ele) {
var found = false, index = 0;
while(!found && index < arr.length)
if(arr[index] == ele)
found = true;
else
index++;
return found;
}
function getIndex(input) {
var index = -1, i = 0, found = false;
while (i < input.form.length && index == -1)
if (input.form[i] == input)index = i;
else i++;
return index;
}
return true;
}
</script>

Uso da função:

<form name="form">
<input type="text" name="campo1" onKeyUp="return autoTab(this, 5, event);" size="10">
<input type="text" name="campo2" onKeyUp="return autoTab(this, 3, event);" size="5">
</form>

fonte: http://www.asparena.eti.br

.Andreia. · Março 22, 2006

Script: Vários efeitos de transição em imagem

<script LANGUAGE="JavaScript">
var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;

bannerAD[0]="cancelar_n.gif";
bannerADlink[0]="";
bannerAD[1]="enviar_n.gif";
bannerADlink[1]="";
bannerAD[2]="cancelar_n.gif";
bannerADlink[2]="";
bannerAD[3]="enviar_n.gif";
bannerADlink[3]="";
bannerAD[4]="cancelar_n.gif";
bannerADlink[4]="";
bannerAD[5]="enviar_n.gif";
bannerADlink[5]="";
bannerAD[6]="cancelar_n.gif";
bannerADlink[6]="";
bannerAD[7]="enviar_n.gif";
bannerADlink[7]="";
bannerAD[8]="cancelar_n.gif";
bannerADlink[8]="";
bannerAD[9]="enviar_n.gif";
bannerADlink[9]="";

var preloadedimages=new Array();
for (i=1;i<bannerAD.length;i++){
preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];
}
function setTransition(){
if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
bannerADrotator.filters.revealTrans.apply();
}
}
function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}
function nextAd(){
if(adNum<bannerAD.length-1)adNum++;
else adNum=0;
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 5000);
}
function jump2url(){
jumpUrl=bannerADlink[adNum];
jumpTarget='_self';
if (jumpUrl != ''){
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg() { 
status=bannerADlink[adNum];
document.returnValue = true;
}
</script>


<BANNERAD><img src="cancelar_n.gif" name="bannerADrotator" style="filter:revealTrans(duration=2,transition=20)" border=0></a>
<script language="JavaScript">nextAd()</script>
</BANNERAD>

.Andreia. · Abril 28, 2006

Script: Abre janela de texto (layer)

Descrição: Ao clicar no link, abre-se uma janela de texto. É a idéia do "Saiba mais"

<script language="javascript">
function Layer()
{
  if (document.getElementById("mensagem_layer").style.visibility == 'visible')  
    document.getElementById("mensagem_layer").style.visibility = 'hidden';
  else                
    document.getElementById("mensagem_layer").style.visibility = 'visible';
}

</script>
<font size="1" face="Verdana"><a href="#" onclick="Layer()">Clique aqui</a></font>

<div id="mensagem_layer" style="cursor: pointer; position:absolute; width:150px; height:117px; z-index:1; visibility: 
hidden; overflow: hidden; left: 90px; top: 30px; background-color: #F0F8FF; 
layer-background-color: #F0F8FF; border: 1px none #000000;" onclick="Layer()">
<table width="100%" border="1" cellspacing="0" bordercolorlight="#FFFFFF" bordercolordark="#6495ED">
 <tr>
  <t d align="center"><br><br><font size="1" face="Verdana"><b>
  Aqui vem o texto informativo<br><br></b><br>
  <u>fechar</u><br><br></font>
  </t d>
  </tr>
</table>
</div>

fercosmig · Maio 9, 2006

Script para validação de campos de um form onde você decide quais campos serão obrigatórios pelo nome do objeto. Adicionando a string "obrig" como prefixo da propriedade name.

<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
function validacampos(){
    var campo = document.forms[0];
    var i=0;
    for (i=0; i<campo.elements.length; i++){
       var nomecampo = campo.elements[i].name;
      if (nomecampo.substring(5,0) == 'obrig'){
            var valida = campo.elements[i].value;
          if (valida == ''){
              alert('o campo ' +  campo.elements[i].title + ' deve ser preenchido!');
             return false;
         }
      }
   }
}
//-->
</script>
</head>
<body>
<form name="form1" onsubmit="return validacampos();">
Nome: <input type="text" name="obrigNome" maxlength="50" title="Nome completo"/><br>
Telefone: <input type="text" name="Telefone" maxlength="50" title="Telefone"/><br>
Endereço:<input type="text" name="obrigEndereco" maxlength="50" title="Endereço"/><br>
Bairro:  <input type="text" name="Bairro" maxlength="50" title="Bairro"/><br>
Cidade:<input type="text" name="obrigCidade" maxlength="50" title="Cidade"/><br>
Estado: <select name="obrigEstado" title="Estado">
<option value="" selected="selected">Escolha um estado</option>
<option value="SP">São Paulo</option>
<option value="RJ">Rio de Janeiro</option>
<option value="MG">Minas Gerais</option>
</select>
<input type="submit" value="enviar"> 
</form>
</body>
</html>

abraços

Beraldo · Maio 12, 2006

Inativa Botão Direito Também No FireFox

function click() {
if (event.button==2||event.button==3) {
 oncontextmenu='return false';
  }
}
document.onmousedown=click
document.oncontextmenu = new Function("return false;")

Aproveitem!

Abraços

Maio 16, 2006

auto-completar diferente:

ele escreve o resto da palavra antes de voce terminar de digitar..

só funciona no internet explorer

o codigo não é de minha autoria...achei nos foruns da vida...não lembro onde...

quero fazer algumas adaptações nele mas vou postar antes caso alguém precise...:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<script>
fruits = new Array('cleber','mamao','melancia','mercadoria','marmelada');
names = new Array('tom','dick','harry','john','petter','foo','bar');
function autocomplete(n,ac_array){
if (n.value == "") return 0;
if (event.keyCode == 8 && n.backspace){
n.value = n.value.substr(0,n.value.length-1);
n.backspace = false;
}

var r = n.createTextRange();
tmp= n.value;
if (tmp == "")return 0;
for (z=0;z<ac_array.length;z++){
tmp2 = ac_array[z];
count = 0;
for (i = 0;i<tmp.length;i++){
if (tmp2.charAt(i) == tmp.charAt(i)){
count++
}
}
if (count == tmp.length){
diff = tmp2.length - tmp.length;
if (diff <= 0) break;
kap = "";
for (i=0;i<tmp2.length;i++){
if (i >= tmp.length) kap += tmp2.charAt(i);
}
n.backspace = true;
r.text += kap;
r.findText(kap,diff*-2);
r.select();
return 0;
}
}
n.backspace = false;
return 0;
}
</script>
<body>
<input name='fruit' type='text' class='textbox' title="Opening"
onkeyup="autocomplete(this,fruits)" size="20">
<input name='Name' type='text' class='textbox' title="Opening"
backspace='false' onkeyup="autocomplete(this,names)" size="20">

</body>
</html>

Maio 20, 2006

Peguei teu código para checkar todos os checkbox e dei uma melhoradinha ;)

segue o código abaixo

function selecionar_todas(retorno) {
    var formulario = document.test;
    for(i=1;i<formulario.length;i++) {
        if(formulario.elements[i].type=="checkbox") {
            if(formulario.elements[i].checked==false)
                formulario.elements[i].checked=true;
            else 
                formulario.elements[i].checked=false;
        }
     }
}

o código tem 11 linhas e os checkbox que estão selecionados são de-selecionados e vise versa

.Andreia. · Maio 23, 2006

Script: Validação de campos em branco

Descrição: Se o campo estiver assinalado que é obrigatório, então a função de validação irá verifica-lo quando o evento (no caso onsubmit) for chamado.

Deixei aqui duas formas, esta primeira apresenta no alert em base do name do objeto.

<script language="JavaScript">
function ValidaSemPreenchimento(form){
for (i=0;i<form.length;i++){
var obg = form.obrigatorio;
if (obg==1){
if (form.value == ""){
var nome = form.name
alert("O campo " + nome + " é obrigatório.")
form.focus();
return false
}
}
}
return true
}
</script>
<form method="post" action="" onSubmit="return ValidaSemPreenchimento(this)">
<input type="text" obrigatorio="1" name="texto">

Esta outra forma é similar à anterior, a unica coisa que muda é que no alert ele passa o que foi marcado no campo informado chamado descricao

<script language="JavaScript">
function ValidaSemPreenchimento(form){
for (i=0;i<form.length;i++){
var obg = form.obrigatorio;
if (obg==1){
if (form.value == ""){
var nome = form.descricao
alert("O campo " + nome + " é obrigatório.")
form.focus();
return false
}
}
}
return true
}
</script>
<form method="post" action="" onSubmit="return ValidaSemPreenchimento(this)">
<input type="text" obrigatorio="1" descricao="Texto" name="texto">

é isso aí, t+

Fabyo · Maio 25, 2006

Thiago Cerri

Peguei teu código para checkar todos os checkbox e dei uma melhoradinha

Da para melhorar ainda mais um pouco:

function selecionar_todas(retorno) {
    var frm = document.test;
    for(i = 1; i < frm.length; i++) {
        if(frm.elements[i].type == "checkbox") {
            frm.elements[i].checked = frm.elements[i].checked ? false : true
        }
     }
}

obs : andreia_sp esse seu script matou os padroes WEB colocando essa tag "obrigatorio", existe meios melhores de se fazer isso sem prejudicar a semantica do script html

fercosmig · Maio 29, 2006

Script: JOGO DA VELHA

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Jogo da Velha</title>
<style type="text/css">
<!--
.bla{
width: 100px;
height: 100px;
background: #99ccff;
font-size: 80px;
color: #ff0000;
cursor: pointer;
}
.ble{
background: #000066;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
letra = "X";

function joga(celula){
    celulaclicada = document.getElementById(celula).innerHTML;
   if (celulaclicada == "X" || celulaclicada == "O"){
       alert("Opa, este quadrado já foi escolhido!");
   }else{
        document.getElementById(celula).innerHTML = letra;
        if (letra == "X"){
            letra = "O";
        }else{
            letra = "X";
        }
   }
}

function verif(){
   c11 = document.getElementById('cel11').innerHTML;
   c12 = document.getElementById('cel12').innerHTML;
   c13 = document.getElementById('cel13').innerHTML;
   c21 = document.getElementById('cel21').innerHTML;
   c22 = document.getElementById('cel22').innerHTML;
   c23 = document.getElementById('cel23').innerHTML;
   c31 = document.getElementById('cel31').innerHTML;
   c32 = document.getElementById('cel32').innerHTML;
   c33 = document.getElementById('cel33').innerHTML;
   if (((c11 != '') && (c12 != '') && (c13 != '') && (c11 == c12) && (c12 == c13)) || ((c11 != '') && (c22 != '') && (c33 != '') && (c11 == c22) && (c22 == c33)) || ((c11 != '') && (c21 != '') && (c31 != '') && (c11 == c21) && (c21 == c31)) || ((c21 != '') && (c22 != '') && (c23 != '') && (c21 == c22) && (c22 == c23)) || ((c31 != '') && (c32 != '') && (c33 != '') && (c31 == c32) && (c32 == c33)) || ((c12 != '') && (c22 != '') && (c32 != '') && (c12 == c22) && (c22 == c32)) || ((c13 != '') && (c23 != '') && (c33 != '') && (c13 == c23) && (c23 == c33)) || ((c31 != '') && (c22 != '') && (c13 != '') && (c31 == c22) && (c22 == c13))){
       alert('Você ganhou! Parabéns campeão!');
      novo();
   }
}

function novo(){
    for (i=1; i<4; i++){
       for (j=1; j<4; j++){
          nomecelula = 'cel' + i + j
           document.getElementById(nomecelula).innerHTML = '';
      
      }
   }
}


//-->
</script>

</head>
<body>
<table class="ble">

<tr>
<td align="center" valign="middle" id="cel11" class="bla" onclick="joga(this.id);verif();"></td>
<td align="center" valign="middle" id="cel12" class="bla" onclick="joga(this.id);verif();"></td>
<td align="center" valign="middle" id="cel13" class="bla" onclick="joga(this.id);verif();"></td>
</tr>

<tr>
<td align="center" valign="middle" id="cel21" class="bla" onclick="joga(this.id);verif();"></td>
<td align="center" valign="middle" id="cel22" class="bla" onclick="joga(this.id);verif();"></td>
<td align="center" valign="middle" id="cel23" class="bla" onclick="joga(this.id);verif();"></td>
</tr>

<tr>
<td align="center" valign="middle" id="cel31" class="bla" onclick="joga(this.id);verif();"></td>
<td align="center" valign="middle" id="cel32" class="bla" onclick="joga(this.id);verif();"></td>
<td align="center" valign="middle" id="cel33" class="bla" onclick="joga(this.id);verif();"></td>
</tr>

</table>
<br><input type="button" name="limpar" value="Novo jogo" onclick="novo();" />
</body>
</html>
<!-- By .:: Fer Cos Mig ::. Fernando Costa Migliorini -->

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

Guest Steffan

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

Guest Visitante

Link para o comentário

Compartilhar em outros sites

Guest Thiago Cerri

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