Refresh de imagem

[nemtconto 0]

Salve galera, to rodando esse forum e soh to me lascando =/

eh a primeira vez q prucuro informaçoes a respeito de ajax, entaum.. bom num sei nada ='(

 

mas estou precisando de ajuda com uma certa urgencia se possivel ajudar agradeço MTO mesmo!!

bom vamos ao problema

 

seguinte, tenhu 1 pagina onde a pessoa monta um certo produto costumizado (tipo site da dell, ford, onde você vai montando os componentes do seu produto para q fique personalizado). Bom na minha pagina cada componente tem 2 opções... cada radioBox tem um valor (preço mesmo) onde o cara escolhe a opões e automaticamente o valor eh mudado, e preciso q mude tb a imagem sempre q o usuario clicar na radio... com relação ao valor eu consegui me virar usei OnClick="preco.value=this.value" e funfo =D mas ta complicado com a imagem.

 

olhei aqui no forum e achei uma dica:

->NO HEAD

<script type="text/javascript">

function recarregaimagem(novaimagem)

{

document.getElementById('showAvatar').src = novaimagem;

}

</script>

 

->NO FORMULÁRIO

<img id="showAvatar" /><br />

<input type="text" name="avatar" onblur="recarregaimagem(this.value)" />

bom eu quase consegui mas num consegui pq os exemplos sao diferentes... vou postar o código awe por favor deem uma olhada e me oriente pra algo q estou qse ficando careca aqui ahahaha.

 

 

IF ACAO = "" THEN
SNTA = 898.00
HF = 1048.00
INICIO = 898.00
SNTA = FormatNumber (SNTA,2)
HF = FormatNumber (HF,2)
INICIO = FormatNumber (INICIO,2)

%>
	  
		  
	  <form name="form1" method="post" action="teste.asp">
		<input name="ACAO" type="hidden" value="1">
		<table width="100%" height="109"  border="0" cellpadding="0" cellspacing="0" class="txt_66666611">
		  <tr>
			<td width="372" rowspan="2" align="left" valign="top"><span class="txt_99999917px">Selecione a tecnologia desejada</span> <br>
			<img src="imagens/help_me_chose.gif" width="22" height="19"><a href="#relative" class="l_09b0f09_11px_">Mais informações</a>			  <p>
				  <input name="tec" type="radio" onClick="recarregaimagem(this.value)"   onClick="preco.value=this.value"  value="<%= SNTA%>" checked>
				  <strong>SNTA - Sistema Natural de Tratamento de Água -</strong> É um processo que filtra e purifica a água previamente tratada por estação concessionária.<br>
			  <span class="txt_99999910px"><strong>[incluído no preço] </strong></span>			  </p>
				<p>
				  <input name="tec" type="radio" onClick="preco.value=this.value"  value="<%= HF%>">
				  <strong>HF - Hollow Fibre (Membranas de fibra oca) -</strong> Trata-se de um dos mais avançados processos de filtragem e purificação.<br>
				  <span class="txt_99999910px"><strong>[adicionar R$150,00] </strong> </span><br>
				  <br>
				  <br>
				  <input type="submit" name="Submit" value="Prosseguir">
			</p></td>
			<td width="192" align="right" valign="top"><img id="showAvatar"  name="hf" src="imagens/produtos/branco_snta.gif"><br>
<br></td>
		  </tr>
		  <tr>
			<td align="right" valign="top"><span class="textoPreco">R$</span>
			  <input name="preco" type="text"  disabled class="formPreco" id="preco" value="<%= INICIO%>" size="7"></td>
		  </tr>
		</table>
	  </form>

[klaygomes 0]

No primeiro onclick, deposi do preco.value=this.value inclua um ponto-e-virgula e depois chame a função que altera a imagem.