Ir para conteúdo

POWERED BY:

Arquivado

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

Weber ~

[Resolvido] Botao em JS para adicionar e remover numero

Recommended Posts

estou com o seguinte problema galera..

sou um pouco ruim em JS e estou tentando fazer o seguinte sistema:

 

quando você clicar no Botao << ele volta 1 numero e quando você clica no botao >> ele almenta um numero logicamente.

 

segue o código de um simples Design que eu fiz para vocês entenderem melhor:

 

<table width="234" height="227" border="0" cellpadding="0" cellspacing="0">
 <tr>
   <td colspan="3"></td>
 </tr>
 <tr>
   <td colspan="3"> </td>
 </tr>
 <tr>
   <td width="64" height="26" align="right"></td>
   <td width="134" rowspan="3" align="center"> 1 </td>
   <td width="51" align="left"></td>
 </tr>
 <tr>
   <td height="65" align="right"><button><<</button></td>
   <td align="left"><button>>></button></td>
 </tr>
 <tr>
   <td height="26" align="right"></td>
   <td align="left"></td>
 </tr>
 <tr>
   <td colspan="3"> </td>
 </tr>
 </table>

 

como faço o JavaScript desse sistema?

alguem pode me ajudar?

 

Obrigado desde ja =]

Compartilhar este post


Link para o post
Compartilhar em outros sites

Fiz um exemplo simples... o resto é contido... estude... depure e adapte a sua necessidade.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Teste</title>

<script type="text/javascript">
var tagAlvo = new Array('p');

var valores = new Array( '1','2','3','4','5','6','7','8','9','10');
var valorInicial = 0;

function mudaValor(idAlvo,acao){
  if (!document.getElementById) return
  var selecionados = null,valor = valorInicial,i,j,tagsAlvo;
  valor += acao;
  if ( valor < 0 ) valor = 0;
  if ( valor > 6 ) valor = 6;
  valorInicial = valor;
  if ( !( selecionados = document.getElementById( idAlvo ) ) ) selecionados = document.getElementsByTagName( idAlvo )[ 0 ];
  selecionados.style.fontSize = valores[ valor ];
  for ( i = 0; i < tagAlvo.length; i++ ){
     tagsAlvo = selecionados.getElementsByTagName( tagAlvo[ i ] );
     for ( j = 0; j < tagsAlvo.length; j++ ) tagsAlvo[ j ].innerHTML = valores[ valor ];
  }
} 
</script>
</head>
<body>
  <a href="javascript:mudaValor('valores',-1);">Diminuir</a>
  <a href="javascript:mudaValor('valores',1);">Aumentar</a>
  <div style="font-size: 11px;" id="valores">
     <p>1</p>
  </div>
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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