Exemplos Java Script e DHTML

Formatação para telefone

2010-04-15T07:20:00.000-07:00

/**-------------------------------------*
* Formatação telefone [(99) 9999-9999] *
* @autor: Ana Paula                    *
* < input onkeypress="javascript: return formatar(this,event);" type="text" />

* -------------------------------------*/
 function formatar(src, evt){
 evt = (evt) ? evt : window.event;
 var charCode = (evt.which) ? evt.which : evt.keyCode;
 if (charCode >= 48 && charCode <= 56 && src.value.length < 14) {
  var i = src.value.length;
  var texto = "";
  if (i == 1) {
   texto = "("+src.value;
   } else if (i == 3) {
    texto = src.value + ") ";
   } else if (i == 9) {
    texto = src.value + "-";
   } else {
    texto = src.value;
   }
   src.value = texto;
  
   return true;
  }
  return false;
}

Calcular tempo de execução em Java

2010-02-24T10:05:00.000-08:00


# long inicio = System.currentTimeMillis();  
# metodo();  
# long fim  = System.currentTimeMillis();  
# System.out.println( fim - inicio );

Expressão regulares para validação

2010-02-24T10:04:00.000-08:00

http://www.mhavila.com.br/topicos/web/valform.html

Formatação data

2010-01-08T05:03:00.001-08:00


/**----------------------------------------------------------------------------
 * Formatação data 
 * - DATA:OnKeyPress="formatar(this, '##/##/####')"
 * -----------------------------------------------------------------------------
 * */
function formatar(src, mask,evt){
 evt = (evt) ? evt : window.event;
 var charCode = (evt.which) ? evt.which : evt.keyCode;
 var strCheck = '0123456789/';
 var key = String.fromCharCode(charCode);
 if (strCheck.indexOf(key) == -1) 
  return false; // Chave inválida
 
 var i = src.value.length;
 var saida = mask.substring(0,1);
 var texto = mask.substring(i)
 if (texto.substring(0,1) != saida)
 {
  src.value += texto.substring(0,1);
 }
}

formata moeda

2010-01-08T05:02:00.003-08:00

// funcao que formata Moeda
function formataMoeda(objTextBox, SeparadorMilesimo, SeparadorDecimal, e){
    var sep = 0;
    var key = '';
    var i = j = 0;
    var len = len2 = 0;
    var strCheck = '0123456789';
    var aux = aux2 = '';
    var whichCode = (window.Event) ? e.which : e.keyCode;    
    // 13=enter, 8=backspace as demais retornam 0(zero)
    // whichCode==0 faz com que seja possivel usar todas as teclas como delete, setas, etc    
    if ((whichCode == 13) || (whichCode == 0) || (whichCode == 8))
     return true;
    key = String.fromCharCode(whichCode); // Valor para o código da Chave
 
 
    if (strCheck.indexOf(key) == -1) 
     return false; // Chave inválida
    len = objTextBox.value.length;
    for(i = 0; i < len; i++)        if ((objTextBox.value.charAt(i) != '0') && (objTextBox.value.charAt(i) != SeparadorDecimal))          break;    aux = '';    for(; i < len; i++)        if (strCheck.indexOf(objTextBox.value.charAt(i))!=-1)          aux += objTextBox.value.charAt(i);    aux += key;    len = aux.length;    if (len == 0)      objTextBox.value = '';    if (len == 1)      objTextBox.value = '0'+ SeparadorDecimal + '0' + aux;    if (len == 2)      objTextBox.value = '0'+ SeparadorDecimal + aux;    if (len > 2) {
        aux2 = '';
        for (j = 0, i = len - 3; i >= 0; i--) {
            if (j == 3) {
                aux2 += SeparadorMilesimo;
                j = 0;
            }
            aux2 += aux.charAt(i);
            j++;
        }
        objTextBox.value = '';
        len2 = aux2.length;
        for (i = len2 - 1; i >= 0; i--)
         objTextBox.value += aux2.charAt(i);
        objTextBox.value += SeparadorDecimal + aux.substr(len - 2, len);
    }
    return false;
}

validação de data

2010-01-08T05:02:00.001-08:00

function ValidaData(data){
var exp = /^((((0?[1-9]|[12]\d|3[01])[\.\-\/](0?[13578]|1[02])[\.\-\/]((1[6-9]|[2-9]\d)?\d{2}))|((0?[1-9]|[12]\d|30)[\.\-\/](0?[13456789]|1[012])[\.\-\/]((1[6-9]|[2-9]\d)?\d{2}))|((0?[1-9]|1\d|2[0-8])[\.\-\/]0?2[\.\-\/]((1[6-9]|[2-9]\d)?\d{2}))|(29[\.\-\/]0?2[\.\-\/]((1[6-9]|[2-9]\d)?(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00)|00)))|(((0[1-9]|[12]\d|3[01])(0[13578]|1[02])((1[6-9]|[2-9]\d)?\d{2}))|((0[1-9]|[12]\d|30)(0[13456789]|1[012])((1[6-9]|[2-9]\d)?\d{2}))|((0[1-9]|1\d|2[0-8])02((1[6-9]|[2-9]\d)?\d{2}))|(2902((1[6-9]|[2-9]\d)?(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00)|00))))$/
return exp.test(data)
}

removendo todos caracteres especiais

2009-11-03T10:34:00.001-08:00

string.replace(/([^A-Za-z0-9 .,!?:...%@\n])/g, "");

Barra de rolagem no widget tabcontainer do Dojo Toolkit

2007-07-12T06:41:00.000-07:00

Para aparecer barra de rolagem na área que é criada em um TabContainer basta adicionar o atributo style="overflow:auto" na tag do div do widget ContentPane.

Exemplo:


< id="mainTabContainer" dojotype="TabContainer" style="width: 100%; height: 30em;">
 < style="overflow: auto;" id="tab2" dojotype="ContentPane" executescripts="true" refreshonshow="true" href="pagina1.html" label="Pagina 1">< /div>
 < id="tab1" style="overflow: auto;" dojotype="ContentPane" executescripts="true" refreshonshow="true" href="pagina2.html" label="Pagina 2">< /div>
< /div>

Desabilita select e 'seta' a seleção para primeiro item

2007-06-19T08:00:00.000-07:00

JavaScript

function desabilita() {
   f = document.forms['nomeForm'];
   f.elements["nomeselect"].value = 0;
   f.elements["nomeselect"].setAttribute('onfocus', 'blur()');
}

HTML

< name="nomecheckbox" onclick="desabilita();" type="checkbox">
< name="nomeselect" class="texto">
     < value="0">--- Selecione ---< /option >
     < value="1">Item 1< / option>
< / select>

Pop Up

2007-06-19T07:54:00.000-07:00

function buscaProduto(){
    window.open("URL", "Nome Pagina", "location=no,status=yes,resizable=yes,scrollbars=yes,menubar=no,width=600,height=500,left=300,top=50");
}

Check All or One Checkboxes

2007-06-19T07:34:00.000-07:00

function checkAll(){
  var f =  document.forms['form'];
  f.elements['check/0'].checked = f.elements['checkall'].checked;
  f.elements['check/1'].checked = f.elements['checkall'].checked;
}

function checkOne(){
  var f =  document.forms['form'];
  var verd = true;
  if (!f.elements['check/0'].checked){
     verd = false;
  }
  if (!f.elements['check/1'].checked){
     verd = false;
  }
  f.elements['checkall'].checked=verd;
}

<input type="checkbox" name="checkall" onclick="checkAll();">
<input type="checkbox" value="1" name="check/0" onClick='checkOne()'>
<input type="checkbox" value="1" name="check/1" onClick='checkOne()'>