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

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

Resetar o Select Html com Jquery

/* função pronta para ser reaproveitada, caso queria adicionar mais combos dependentes */
        function resetaCombo( el )
        {
                $("select[name='"+el+"']").empty();//retira os elementos antigos
                var option = document.createElement('option');
                $( option ).attr( {value : '0'} );
                $( option ).append( 'Escolha' );
                $("select[name='"+el+"']").append( option );
        }

Abas em Jquery

Estava procurando algo com abas em jquery, e achei esse super simples, que quando implementado um CSS nele, ficará perfeito!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<title>Menu em abas simples</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		var tabAtual = 1

		mudarTab = function(numeroTab) {
			$("#tab_"+tabAtual).toggle()
			$("#tab_"+numeroTab).toggle()
			tabAtual = numeroTab
		}
	</script>
</head>
<body id="index">

	<div id="tabs">

		<a href="#tab_1" onclick="mudarTab(1)">Tab 1</a>
		<a href="#tab_2" onclick="mudarTab(2)">Tab 2</a>
		<a href="#tab_3" onclick="mudarTab(3)">Tab 3</a>
		<a href="#tab_4" onclick="mudarTab(4)">Tab 4</a>

		<div id="tab_1">conteudo tab 1</div>
		<div id="tab_2" style="display:none">conteudo tab 2</div>

		<div id="tab_3" style="display:none">conteudo tab 3</div>
		<div id="tab_4" style="display:none">conteudo tab 4</div>
	</div>

</body>
</html>

Referência: http://www.screencaster.com.br/jquery-menu-em-abas-mamao-com-acucar/

contar e limitar caracteres no textarea em jquery

Segue um exemplo de como implementar o limitador de caracteres em Jquery

Antes é necessário adicionar o Jquery e o plugin Jquery Plugin Limit

 

Exemplo COM contador:

<textarea id="txt_observacao">Este é um teste</textarea>
Restam <
span id="contador_char"></span> caracteres a serem digitados.


<script type="text/javascript">
$(function(){
$('#txt_observacao').limit('255','#contador_char');
})

</script>

 

Exemplo SEM contador:

<textarea id="txt_observacao">Este é um teste</textarea>

<script type="text/javascript">
$(function(){
$('#txt_observacao').limit('255');
})

</script>

 

 

Site de Referência: http://www.cssnolanche.com.br/contar-e-limitar-caracteres-em-textarea/