Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

mateushim

Criar tipo um componente

Por , em Javascript

Recommended Posts

mateushim    0

mateushim
Postado

daew galera

 

criei esse codigo aqui

 

<html>
<head>
<style type="text/css">
<!--
.aumentar {
	border:1px #999999 solid; 
	background-color:#CCCCCC; 
	color:#000000; 
	padding-bottom:2px;
	height:6px; 
	padding-top:1px; 
	cursor:pointer;
	width: 18px;

}

.diminuir {
	border:1px #999999 solid; 
	background-color:#CCCCCC;
	color:#000000;
	height: 7px;
	padding-top:2px;
	cursor:pointer;
	width: 18px;

}
.botoes {
	padding:0;
	font-size:6px;
	width:20px;
	float: left;
	padding-left:1px; 
	
}
.caixinha {}

.entrada {
	float: left;
	text-align:right;
}

-->
</style>
<script language="javascript">
function somar(campo, limite) {
	var valor = document.getElementById(campo).value;
	if (valor == "")
		valor = 1;
	else 
		if (limite=="")
			valor++
		else 
			if (valor<limite)
				valor++;
	
	document.getElementById(campo).value=valor;
}

function diminuir(campo, limite) {
	var valor = document.getElementById(campo).value;
	if (valor == "")
		valor = 0;
	else {
		valor--;
		if(valor<limite)
			valor = limite;
	}			
	document.getElementById(campo).value=valor;
}
</script>
</head>

<body>
<div class="caixinha">
	<input name="comissaoigual" type="text" size="5" maxlength="3" id="comissaoigual" class="entrada">
	<div class="botoes">
		<div title="Somar" class="aumentar" onClick="somar('comissaoigual',100)">+</div>
		<div title="Diminuir" class="diminuir" onClick="diminuir('comissaoigual',0)">-</div>
	</div>
</div>
</body>
</html>

Resumindo

Tem uma entrada de texto e 2 botões(nesse caso botões são divs)

 

o botão de cima aumenta os valores e o botão baixo diminui os valores, da entrada de texto

 

queria criar tipo uma classe, ou uma forma mais resumida e prática para chamar quando precisar

 

se alguem tiver uma idéia viria de grande ajuda

 

vlw

 

flw

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito