Arquivo Discussoes de Programacao e Tecnologia 
Olá pessoal,
Preciso fazer um efeito parecido com o do site do BestBuy.
Acessem este link e vejam que quando clicamos no checkbox abaixo das fotos dos produtos, esta mesma foto aparece num campo acima da lista de produtos.
Acredito que com JSF 1.2 eu consigo utilizar o atributo “id” no checkbox para fazer referência a este componente e recuperar no campo onde quero que apareça a imagem, só que não tenho idéia de como fazê-lo.
Alguém tem como me ajudar?
Alguém?
Vou explicar melhor meu problema
Preciso fazer um efeito parecido com o do site do BestBuy.
Acessem este link e vejam que quando clicamos no checkbox abaixo das fotos dos produtos, esta mesma foto aparece num campo acima da lista de produtos.
Acredito que com JSF 1.2 eu consigo utilizar o atributo “id” no checkbox para fazer referência a este componente e recuperar no campo onde quero que apareça a imagem, só que não tenho idéia de como fazê-lo.
Segue o meu código:
Quero que as imagens apareçam onde hoje estão as imagens destacadas.
Meu checkbox esta em vermelho (ainda sem JSF)
<div id="img_pq_produtos_selecionados">
<img src="images/img_pq.jpg" width="45" height="43" alt="zagow" />
</div>
<div id="img_pq_produtos_selecionados">
<img src="images/img_pq.jpg" width="45" height="43" alt="zagow" />
</div>
<div id="img_pq_produtos_selecionados">
<img src="images/img_pq.jpg" width="45" height="43" alt="zagow" />
</div>
<div id="img_pq_produtos_selecionados"></div>
<div id="botao_produtos_selecionados"></div>
</div>
<div id="abas_produtos_selecionados"></div>
<ui:repeat value="#{produtoViewPB.listProdutos}" var="produto">
<a4j:form id="formListaProdutos">
<div class="box_produtos_selecionados">
<div class="img_produtos_selecionados">
<h:commandLink action="#{produtoViewPB.detalhesProduto}">
<h:graphicImage value="#{produto.foto}" alt="produto" width="114" height="114" />
<f:setPropertyActionListener target="#{produtoViewPB.id}" value="#{produto.codigo}"/>
</h:commandLink>
</div>
<div class="box2_produtos_selecionados">
<div class="titulo_produtos_selecionados">
<h1><h:commandLink action="#{produtoViewPB.detalhesProduto}" value="#{produto.nome}">
<f:setPropertyActionListener target="#{produtoViewPB.id}" value="#{produto.codigo}"/>
</h:commandLink></h1>
</div>
<div class="descricao_produtos_selecionados">
<h1>Widescreen: Sim. Placa de vídeo: Intel Graphics Media Accelerator 3150. Entrada USB: 3 Porta(s). Web Cam: Sim</h1>
</div>
<div class="opiniao_produtos_selecionados"></div>
</div>
<div class="box3_produtos_selecionados">
<div class="preco_produtos_selecionados">
<div class="label_preco_produtos_selecionados">
<h1>A partir de:</h1>
</div>
<div class="preco2_produtos_selecionados">
<h1>R$ <b><h:outputText value="#{produto.menorPreco}"><f:convertNumber type="currency" /></h:outputText></b></h1>
</div>
<div class="label2_preco_produtos_selecionados">
<h1>em <b><h:outputText value="#{produto.qntOfertas} " /> Lojas</b></h1>
</div>
</div>
<div class="selecione_produtos_selecionados">
<div class="check_produtos_selecionados">
<input name="checkbox1" id="checkbox1" type="checkbox" value="true" />
</div>
<div class="label_check_produtos_selecionados">
<h1>Selecione outro(s)</h1>
</div>
</div>
</div>
</div>
Ops, tinha enviado a mensagem duplicada…
Tudo Ok agora
No aguardo galera