Jump to content

[ASP][HTML] Construção de varios <input> num ciclo


overcloked
 Share

Recommended Posts

Aqui venho eu outra vez com mais uma duvida, qq dia tenho de vos pagar a todos um copo 😄

Ora passando para a duvida, o que quero fazer é o seguinte:

Listar varios produtos de uma BD em SQL (feito)

Ao listar os produtos contruo uma tabela com varias <tr> e <td> para mostrar: preço; detalhes; imagem; quantidade etc... (tudo feito exepto a quantidade)

Quando cheguei à quantidade bloqueei num sei como hei-de fazer, uma vez que cada <input> tem de ter um name="" unico para depois saber que  quantidade  ta associada ao produto que o cliente escolheu.

O site tá com este aspecto:

http://img200.imageshack.us/img200/8650/mf8tf.th.jpg

O que eu quero é quando o cliente clica em "comprar" no url vá a quantidade mas n sei como hei-de ir buscar o valor do <input type="text">  😛

Tks in advance 😄

Link to comment
Share on other sites

Deixem já consegui 😛

Deixo aqui o codigo, pode dar jeito:

As td e tr dentro de um ciclo while not resultset.EOF

  <tr>
    <td width="150" height="100" rowspan="2" align="center"><img width="80" height="80" src="/Produtos/Imagens/<%=ProdutoImagem%>" /></td>
    <td colspan="4" align="left"><span class="style32"><%=ProdutoNome%></span></td>
  </tr>
  <tr>
    <td width="183"> </td>
    <td colspan="3"> </td>
  </tr>
  <tr>
    <td width="150" align="center" bgcolor="#00578C"><a href="javascript:popUp('verProduto.asp?IdProduto=<%=ProdutoID%>')">
     <span class="style13">Detalhes</span></a></td>
    <td width="200" align="center" bgcolor="#95ACCC"><span class="style23"><%=ProdutoPreco%> € </span></td>
    <td align="center" bgcolor="#00578C"> </td>    
       <form action="" method="post" name="FormQuantidade" class="style1" id="FormQuantidade">
    <td width="200" align="center" bgcolor="#00578C">
      <span class="style26">Quantidade</span>
      <input name="Quantidade" type="text" id="Quantidade" size="1" value="1" style="border:none" />   
   </td>
    </form> 
    <td width="114" align="center" bgcolor="#00578C"><img width="20" height="20" src="Imagens/img_shopcart2.gif" />
      <a href="AdicionarCarrinho.asp?IdProd=<%=ProdutoID%>"><span class="style26"> Comprar</span></a></td>
  </tr>

O que fiz foi por um botão de submit depois da imagem carrinho e depois com CSS disfarcei-o para parecer um link de texto simples.

O CSS que usei foi:

.ComprarBTO {
border-bottom:none;
background-color:#00578C;
font:Arial, Helvetica, sans-serif;
border:none;
color:#FFFFFF;
width:60px;
}

Com isto já consigo ir buscar o valor do  <input name="Quantidade" type="text" id="Quantidade" size="1" value="1" style="border:none" /> através do request.form("Quantidade")

O resultado na pagina produtos foi exactamente como tava antes com o Link em texto:

http://img140.imageshack.us/img140/9678/m1f2gn.th.jpg
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.