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

*  Pir@z-Stufz!!!!                                       * 

*                  -- mascara.js --                      * 

*                                                        * 

*   Script que reconhece uma mascara e formata o texto   * 

*  do campo a que a máscara será aplicada.              * 

*                                                        * 

*      Linguagem : Java Script                           * 

*      Projeto: Script - Geral                           * 

*      Tipo: Script                                      * 

*      Versão: Beta 1                                    * 

*      Desenvolvedor: Flávio Garcia - ViaCerrado         * 

*      Contribuições: *                                  * 

*      Data de criação: 03/10/2001 08:12:21              * 

*      Última atualização: 03/10/2001 11:40:10           * 

*      Licença: GNU                                      * 

*     (Pode se divertir, mas se alterar me avisa belê?)  * 

*                                                        * 

*                      Desenvolvimento - ViaCerrado      * 

*                                                        * 

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



/* 

mascara.js  How - To. 

Objetivo: 



O script tem por objetivo formatar a entrada do dado no input. 

Ele vai servir muito bem para datas, horas, datas e horas, cpf, 

cgf e outras cositas mais que tenham tamanho fixo e sejam numé- 

ricos. 



OBS: Pois eh o script estah sem os ";" no final, pq eh JavaScript. 

E quem disse que java script precisa. 



O script contém 3 funções. A função que formata a máscara 

é a FormataCampo. 

Para chamar a função é necessário passar 3 atributos: 



campo: 



Que é o campo que será mascarado. Pode referenciar o campo como ele mesmo: this. 



teclapres: 



No caso você irá passar event 

Por que event? Porque sim!!! Só coloca e naum recrama. 

Brincadeira. Porque o objeto event está recebendo o 

valor da tecla que foi recebida no keypress. 



mascara: 



A própria máscara que será aplicada ao campo. 

ex: '##-##' 

Tomando o exemplo da mascara acima. Quando o 

usuário escrever 8888 no campo, será aplicada a máscara 

e o valor no campo será 88-88. 

Valores aceitos na mascara: 



Para referenciar número, caracteres '#' e '9'. 

Para referenciar traço, caracter '-' 

Para referenciar separador de data, caracter '/' 

Para referenciar separador de hora, caracter ':' 

Para referenciar espaço, caracter ' ' 



É importante lembrar que o evento do campo que chama a função é onkeydown, 

e que os valores size e maxlength tem que ser setados de acordo com a máscara. 

Ou seja, mascara não controla o tamanho do campo. 



Exemplo de chamada da função no formulário. 





1º passo: chamar o arquivo, no caso dir_js eh o local onde vc vai colocar o bichaum!!! 

<script src="../../universo/extensao/proext/system_/dir_js/formata.js" type="text/javascript"></script> 



2º passo: mandar a função no input!!!! 

<form name="form1" action="../../universo/extensao/proext/system_/teste.php"> 

     

    <input type="Text" name="teste1" size="17" maxlength="17" onkeydown="FormataCampo(this,event,'##/##:##-## ##:##')"> 

     

</form> 



Bugs: 



Se o campo tiver um caracter já mascarado, e você apagar um caracter 

antes da máscara e voltar a preencher depois da máscara, o campo vai ficar sujo. 

Ex:Tomando a máscara ####-##### 

Eu escrevi:99999 --> é aplicada a máscara --> 9999-9 se eu apagar o 4º9 e escrever 

denovo vai ficar: 9999--9 entendeu? 



Não aceita nem ctrl+v, nem ctrl+c. 



Eu gostaria de colocar máscaras de letras, mas ainda não fiz. 



*/ 





function FormataCampo(Campo,teclapres,mascara){ 

    //pegando o tamanho do texto da caixa de texto com delay de -1 no event 

    //ou seja o caractere que foi digitado não será contado. 

    strtext = Campo.value 

    tamtext = strtext.length 

    //pegando o tamanho da mascara 

    tammask = mascara.length 

    //criando um array para guardar cada caractere da máscara 

    arrmask = new Array(tammask)     

    //jogando os caracteres para o vetor 

    for (var i = 0 ; i < tammask; i++){ 

        arrmask[i] = mascara.slice(i,i+1) 

    } 

    //alert (teclapres.keyCode) 

    //começando o trabalho sujo 

    if (((((arrmask[tamtext] == "#") || (arrmask[tamtext] == "9"))) || (((arrmask[tamtext+1] != "#") || (arrmask[tamtext+1] != "9"))))){ 

        if ((teclapres.keyCode >= 37 && teclapres.keyCode <= 40)||(teclapres.keyCode >= 48 && teclapres.keyCode <= 57)||(teclapres.keyCode >= 96 && teclapres.keyCode <= 105)||(teclapres.keyCode == 8)||(teclapres.keyCode == 9) ||(teclapres.keyCode == 46) ||(teclapres.keyCode == 13)){ 

            Organiza_Casa(Campo,arrmask[tamtext],teclapres.keyCode,strtext)         

        } 

        else{ 

            Detona_Event(Campo,strtext) 

        } 

    } 

    else{//Aqui funcionaria a mascara para números mas eu ainda não implementei 

        if ((arrmask[tamtext] == "A"))    { 

            charupper = event.valueOf() 

            //charupper = charupper.toUpperCase() 

            Detona_Event(Campo,strtext) 

            masktext = strtext + charupper 

            Campo.value = masktext 

        } 

    } 

} 

function Organiza_Casa(Campo,arrpos,teclapres_key,strtext){ 

    if (((arrpos == "/") || (arrpos == ".") || (arrpos == ",") || (arrpos == ":") || (arrpos == " ") || (arrpos == "-")) && !(teclapres_key == 8)){ 

        separador = arrpos 

        masktext = strtext + separador 

        Campo.value = masktext 

    } 

} 

function Detona_Event(Campo,strtext){ 

    event.returnValue = false 

    if (strtext != "") { 

        Campo.value = strtext 

    } 

} 
// TRECHO GUIA CAMPO DA DATA
function MM_callJS(jsStr){ //v2.0
   if (jsStr == "diaI")
   {
	  var str = frm.diaI.value
	  if (str.length > 1)
      {  
	   	frm.mesI.focus();
        return false;
	  }
    }
	else if (jsStr == "mesI")
		{
        //alert("mes");
		var str = frm.mesI.value
	   	if (str.length > 1)
		{
	   	 frm.anoI.focus();
		 return false;
		}
	}
	else if (jsStr == "anoI")
		{
        //alert("mes");
		var str = frm.anoI.value
	   	if (str.length > 3)
		{
	   	 frm.diaF.focus();
		 return false;
		}
	}
	else if (jsStr == "diaF")
		{
        //alert("mes");
		var str = frm.diaF.value
	   	if (str.length > 1)
		{
	   	 frm.mesF.focus();
		 return false;
		}
	}
	else if (jsStr == "mesF")
		{
        //alert("mes");
		var str = frm.mesF.value
	   	if (str.length > 1)
		{
	   	 frm.anoF.focus();
		 return false;
		}
	}
	
}
// TRECHO GUIA CAMPO DA DATA FIM