Como Exportar uma tabela HTML para PDF e EXCEL

<inputtype="button"id="btnExport"value=" Export Table data into Excel "/>
<br/>
<br/>
<div id="dvData">
<table>
   <tr>
   <th>Column One</th>
   <th>Column Two</th>
   <th>Column Three</th>
   </tr>
<tr>
   <td>row1 Col1</td>
   <td>row1 Col2</td>
   <td>row1 Col3</td>
</tr>
<tr>
   <td>row2 Col1</td>
   <td>row2 Col2</td>
   <td>row2 Col3</td>
</tr>
</table>
</div>
<script>
    
$("#btnExport").click(function(e){
        window.open('data:application/vnd.ms-excel,'+ $('#dvData').html());
        e.preventDefault();
});
</script>



Referência: https://pt.stackoverflow.com/questions/120694/como-exportar-uma-tabela-html-para-pdf-e-excel

Comentário referencial no código, como FIXME TODO BUG ISSUE TODO como usar?

Você viu isto em código. Isto pode ser chamado de code tags.

Estritamente é um comentário como outro qualquer. Ele pode ter um significado específico para alguma ferramenta. É comum IDEs ou pelo menos extensões deles terem alguma coisa que vasculham o código procurando comentários que começam com:

  • TODO: (“para fazer”) Alguém [eu] precisa arrumar isso urgente
  • FIXME: (“me conserte”) Tem um erro que precisa ser consertado aqui, mas funciona (TOFIX:)
  • HACK: (“gambi”) Não teve outro jeito de resolver pra cumprir o prazo, depois melhoro
  • XXX: (“atenção”) Alguns editores destacam comentários com isto como algo importante sem dar semântica específica
  • DONE: (“feito”) Avisar que o TODO está resolvido. Quando remover isto?
  • UNDONE: (“desfeito”) Precisei voltar ao original por alguma razão
  • ASAP: (“tão rápido quanto possível”) Precisa arrumar isso urgente
  • REMOVE: (“remova”) Esse código foi colocado só para testar algo e deve sumir
  • NOTE: (“anotação”) Só para informar que tem algo importante agora
  • BUG: (“falha”) Tem um bug conhecido aqui que precisa ser arrumado – especialização do FIXME – costuma ter um número de ticket associado
  • ISSUE: (“questão”) Há uma dúvida aqui se deve ser assim mesmo
  • ERROR: (“erro”) Tem um erro reproduzível aqui – especialização do FIXME
  • BROKEN: (“quebrado”) não vai pra frente mesmo, não adianta insistir – especialização do FIXME
  • GLITCH (“falha”) Algo estranho ocorre aqui em situação bem específica
  • REVIEW: (“revise”) Revise isso pra mim, usado onde se costuma fazer peer review
  • WTF: (“que p0rr@ é essa?”) Fizeram um besteira muito grande aqui

 

Exemplo de Utilização:

 

// TODO: alguma coisa escrita
código....

 

 

Referencehttps://pt.stackoverflow.com/questions/121245/todo-o-que-%C3%A9-qual-sua-utilidade-e-como-usar

Máscara Jquery Peso pt-br

 

Galera, tem uma melhorada na função q o pessoal postou porém deixei somente uma casa decimal, porque para peso geralmente pega somente uma, 110,1 ou 85,3
Acima de 200 coloquei uma verificação para não ultrapassar, porque caso a pessoa acima de 40kg tente colocar 40,0 e adicione mais um zero, iria passar para 400,0 e para mim não foi viável.

 

function mascara_peso() {
var v = this.value, integer = v.split(‘.’)[0];
v = v.replace(/\D/g, “”);
v = v.replace(/^[0]+/, “”);
if (v.length <= 3 || !integer) {
if (v.length === 1) v = ‘ 00,’ + v;
if (v.length === 2) v = ‘ 0′ + v[0]+’,’+v[1];
if (v.length === 3) v = ‘ ‘ + v[0]+v[1]+’,’+v[2];
if (v.length === 4) v = v[0]+v[1]+v[2]+’,’+v[3];
} else {
v = v[0]+v[1]+v[2]+’,’+v[3];
}
console.log(v);
if(v > ‘200’){
v = ‘ ‘ + v[0]+v[1]+’,’+v[2];
}

this.value = v;
}

$(document).on(‘keyup’, ‘#peso’, mascara_peso);

Referência: https://forum.imasters.com.br/topic/492041-mascara-de-peso-com-preenchimento-contr%C3%A1rio/

Fazer impressão de uma determinada div

 Esses exemplo abaixo é para que possamos fazer uma impressão de uma determinada tela que já se encontra em html, 
pegando o mesmo formato que está printada e jogando o mesmo em html para jogar em um Popup para fazer a impressão.

Exemplo:
<html>
<head>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.min.js" > </script>
<script type="text/javascript">

    function PrintElem(elem)
    {
        Popup($(elem).html());
    }

    function Popup(data)
    {
        var mywindow = window.open('', 'my div', 'height=400,width=600');
        mywindow.document.write('<html><head><title>my div</title>');
        /*optional stylesheet*/ //mywindow.document.write('<link rel="stylesheet" href="main.css" type="text/css" />');
        mywindow.document.write('</head><body >');
        mywindow.document.write(data);
        mywindow.document.write('</body></html>');

        mywindow.print();
        mywindow.close();

        return true;
    }

</script>
</head>
<body>

<div id="mydiv">
    This will be printed. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a quam at nibh adipiscing interdum. Nulla vitae accumsan ante.
</div>

<div>
    This will not be printed.
</div>

<div id="anotherdiv">
    Nor will this.
</div>

<input type="button" value="Print Div" onclick="PrintElem('#mydiv')" />

</body>
</html>

Criado por: stackoverflow

Máscara de entrada de Inscrições Estaduais para cada Estado

Segue as informações:

1    RS    RIO GRANDE DO SUL    ###-#######
2    SC    SANTA CATARINA            ###.###.###
3    PR    PARANÁ                    ########-##
4    SP    SÃO PAULO                ###.###.###.###
5    MG    MINAS GERAIS            ###.###.###/####
6    RJ    RIO DE JANEIRO            ##.###.##-#
7    ES    ESPÍRITO SANTO        ###.###.##-#
8    BA    BAHIA                    ###.###.##-#
9    SE    SERGIPE                #########-#
10    AL    ALAGOAS                #########
11    PE    PERNAMBUCO            ##.#.###.#######-#
12    PB    PARAÍBA                    ########-#
13    RN    RIO GRANDE DO NORTE    ##.###.###-#
14    PI    PIAUÍ                    #########
15    MA    MARANHÃO                #########
16    CE    CEARÁ                    ########-#
17    GO    GOIÁS                    ##.###.###-#
18    TO    TOCANTINS                ###########
19    MT    MATO GROSSO            #########
20    MS    MATO GROSSO DO SUL    #########
21    DF    DISTRITO FEDERAL        ###########-##
22    AM    AMAZONAS                ##.###.###-#
23    AC    ACRE                    ##.###.###/###-##
24    PA    PARÁ                    ##-######-#
25    RO    RONDÔNIA                ###.#####-#
26    RR    RORAIMA                ########-#
27    AP    AMAPÁ                    #########

Conteúdo retirado de: http://www.vbmania.com.br/pages/index.php?varModulo=Forum&varMethod=abrir&varID=332317

 

Máscara para todos telefones de São Paulo, tanto fixo como celular.

Todos os telefones que necessita ser do tipo celular, que pode ter o “9” na frente do número, você deixa com a classe “tel”, como por exemplo:

<input type=”text” value=”” class=”tel” />

Na parte do JavaScript, você deve ter o Jquery e o jquery.mask.js.

Abaixo segue o código :

$(function(){

      $('.tel').mask('(99) 9999-9999');
      $('.telCel').mask('(99) 99999-9999');

       $.fn.setCursorPosition = function(pos) {
        this.each(function(index, elem) {
          if (elem.setSelectionRange) {
            elem.setSelectionRange(pos, pos);
          } else if (elem.createTextRange) {
            var range = elem.createTextRange();
            range.collapse(true);
            range.moveEnd('character', pos);
            range.moveStart('character', pos);
            range.select();
          }
        });
        return this;
      };

       $(".tel").keyup(function(){
           var cel = $(this).val().substring(1, 3);
           var cel2 = $(this).val().substring(5, 6);
           var cel3 = $(this).val().substring(9, 10);
           if(cel == 11 && cel2 != '_' && cel2 == '9'  && cel3 == '-'){
               $(this).removeClass('tel');
               $(this).addClass('telCel');
               $(this).unmask();
               $(this).mask("(11) 99999-9999", [], "(11) _____-____");
               $(this).val("(11) _____-____");
               $(this).setCursorPosition(5);

           }else if(cel == 11 && cel2 != '_' && cel2 != '9'  && cel3 == '_'){
               $(this).removeClass('telCel');
               $(this).addClass('tel');
               $(this).unmask();
               $(this).mask("(99) 9999-9999", [], "(__) _____-____");
               $(this).val("(__) ____-____");
               $(this).setCursorPosition(1);
           }
       });
});