Ir para conteúdo

POWERED BY:

Arquivado

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

marcelocardoso

ComboBOX com Imagem!

Recommended Posts

PESSOAL!

 

Gostaria de fazer algo parecido com um sisteminha, que se não me engano até já vi aqui no fórum, onde busca-se estados dinamicamente com ajuda do javascript.

Onde o cara clica na sigla do estado, e ele traz abaixo em outra combo box o nome daquela cidade. ok

 

Portanto oque eu gostaria de fazer é a mesma coisa, mas só que ao invés de aparecer abaixo mais uma combobox, teria que aparecer uma imagem?

Vejam a imagem ilustrativa

Imagem Postada

 

 

Alguém pode me ajudar?

Com algum exemplo de código.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Isso é JavaScript mas beleza, o que você pode fazer é deixar um campo de imagem vazio embaixo da combo que vai ter o nome das pessoas, e quando ele selecionar alguem chamar uma função em JavaScript que troque o src daquela imagem para a foto da pessoa.......... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

PESSOAL!

 

Gostaria de fazer algo parecido com um sisteminha, que se não me engano até já vi aqui no fórum, onde busca-se estados dinamicamente com ajuda do javascript.

Onde o cara clica na sigla do estado, e ele traz abaixo em outra combo box o nome daquela cidade. ok

 

Portanto oque eu gostaria de fazer é a mesma coisa, mas só que ao invés de aparecer abaixo mais uma combobox, teria que aparecer uma imagem?

Vejam a imagem ilustrativa

Imagem Postada

 

 

Alguém pode me ajudar?

Com algum exemplo de código.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom digamos que você tenha a tabela Pessoas onde tem o id, nome e foto(onde está o link da foto)ai você da um select * from Pessoas ai na combo você faz da seguinte maneira(faz um evento em javascript para quando selecionado ele da um submit):<select name="menuPessoas"> <option value="<%=rs("foto")%>"><%=rs("nome")%></option></select>e em baixo um código assim:<%if request.form("menuPessoas") <> "" then%><img src=<%=request.form("menuPessoas")%><%end if%>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá N3G4T1V3

 

 

Obrigado pela ajuda!

Entendi, mas não conpreendi muito bem, pois não sei trabalhar muito com o javascript e quando você para criar um evento, não sei como desenvolver. (Estou buscando tutoriais para aprender a fundo o JS, mas ainda não estou o cara em javascript, ok)

 

Se puder me ajudar?????

 

Obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

bom...você tb tem a opção de usar XMLHttpRequest...eu já fiz um esquema desse..soh q no meu caso o cara selecionava a chave de um imóvel na combo e ele mostrava a foto do imóvel correspondente abaixo sem dar refresh na página...se kiser eu te passo...o q você tem q pesar eh o q vale a pena pra você...por ex: se forem muitos nomes, colokar tudo num javascript poderia ficar mais lento que usar o XMLHttpRequest ;) ei...me desculpa...mas o meu código é em xmlhttprequest e asp:sentrei no fórum errado...hehehehnaum sei se daria pra adaptar...mas se kiser te envio msm assim :P e desculpa ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

o Javascript deve ser assim:<script language="javascript">function enviaForm() { document.nomedoform.submit();}</script>e a combo deverá estar assim:<select name="menuPessoas" onchange="enviaForm()"><option value="<%=rs("foto")%>"><%=rs("nome")%></option></select>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Está funcionando numa BOA COLEGA!

Valeu...

 

Aqui vai meu exemplo:

<%'Criando conexão com o Banco Dados para Guardar Dados da Mensagem			DB = "DRIVER={Microsoft Access Driver (*.mdb)}; DBQ=" & Server.MapPath("comboBox.mdb")   Set Conexao = Server.CreateObject("ADODB.Connection")	   Conexao.Open DB    Set ObjRS = Server.CreateObject("ADODB.RecordSet")	   ObjRS.open "SELECT * FROM Fotos",DB%><html><head><title>Combo Dinâmica = CARREGAMENTO DE IMAGENS</title><link href="includes/_inc-estilos.css" rel="stylesheet" type="text/css"><script language="javascript">function enviaForm() {document.frm.submit();}</script></head><body><form action="" method="post" name="frm">  <table width="180" height="160"  border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FDFCDF" class="">	<tr> 	  <td><table width="170"  border="0" align="center" cellpadding="0" cellspacing="4" class="BORDATABELA2">		  <tr> 			<td height="21"> <div align="center">				<select name="Seleciona" size="1" id="Seleciona" onChange="EnviaForm()">				  <option selected>Selecione...!</option>				  <% Do While Not ObjRS.EOF %>				  <option value="<%=ObjRS("ComboImage")%>"><%=ObjRS("ComboNome")%></option>				  <%ObjRS.MoveNext	  Loop%></select>				<%IF Request.Form("Seleciona") <> "" THEN%></div></td>	</tr>	<tr> 	<td height="150"><img src="<%=Request.Form("Seleciona")%>" width="170" height="150"></td>	</tr>	<tr>	  <td><%END IF%>	  </td>	</tr>  </table></td>	</tr>  </table></form></body></html>
MAS NÃO TERIA COMO FAZER ISSO COM JAVASCRIPT SEM DAR REFRESH NA PÁGINA????

Recorro aos OUTROS COLEGAS TAMBÉM.

 

 

Até mais e obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara, dê uma pesquisada por AJAX, muitos exemplos estarão usando PHP, mas a base em JavaScript é a mesma e é só seguir a lógica dos exemplos.

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.