Portal com exemplos de Javascript no Bootstrap

maio 14, 2013 em bootstrap, JavaScript

Segue abaixo um portal com muitos exemplos em Bootstrap com Javascript em suas interações.

 

Site: http://alexanmtz.github.io/bootstrap/javascript.html#modals

Resetar o Select Html com Jquery

março 30, 2012 em Html, JavaScript, 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

janeiro 11, 2012 em JavaScript, 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

outubro 24, 2011 em Html, JavaScript, 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/