[Resolvido] Procurar Type='radio' CHECKED e preencher um

Thiago Paschoalin · Fevereiro 7, 2009

Fala povo, seguinte, postei um tópico com este problema, mas prefiri reformular minha dúvida, acho que irá facilitar o entendimento e com isso uma resposta conclusiva do problema. Meu Código Completo Aqui

EU chamo grupos de RADIO através de WHILE em PHP, com suas opções, e faço um IF (dentro da cada radio) no caso de esta opção ser CHECKED, ser selecionado no carregamento da página, e dentro do radio tenho funções que preenchem alguns HIDDEN do form.

Bom, até ai tudo beleza, o problema é que não tenho uma função para preencher esses HIDDEN no carregamento inicial da tela.

Um exemplo prático aqui: COMO FUNCIONA

Vcs já podem notar que todos os grupos de rádio já estão com suas opções selecionadas, mas os valores não.

E agora abaixo, um exemplo de como uso o WHILE para chamar os grupos do radio:

// Chama Sistema Operacional:
echo ("<span id='1' style='visibility:hidden; position:absolute;'>");
echo ("<div class='Verdana_12_PretoB'>» Sistema Operacional:<Br><Br></div>");
$QuerySistema = mysql_query("SELECT * FROM produtos WHERE grupo='SISTEMAO' ORDER BY preco ASC");
while ( $Sistema = mysql_fetch_array($QuerySistema) )
{
echo ("<div class='Verdana_10_PretoB' id='Cor" . $Sistema["Id"] ."' onMouseOver=\"MudaCor('Cor" . $Sistema["Id"] . "')\" style='width:340;'>
<label><input type='radio' name='RadioSistema' value='" . $Sistema["nome"] . "' onFocus=\"
java script:Configurar.ValorSistema.value='" . $Sistema["preco"] . "'; 
java script:Configurar.NomeSistema.value='" . $Sistema["nome"] . "'; 
java script:Configurar.IdSistema.value='" . $Sistema["Id"] . "'; 
Show('DivSistema', ' • " . $Sistema["nome"] . "'); 
somar();\"
" . ($Sugestao["SISTEMA"] == $Sistema["Id"] ? " checked" : "") . "> " . $Sistema["nome"] . "</label><BR>
</div>");
}
echo ("</span>");

Grato por qualquer ajuda !

webmind · Fevereiro 7, 2009

mto simples meu amigo, finalmente consegui entender como estava funcionando seu sistema. Bem tive de adaptar da minha maneira e para voce por isso a funcionar no seu site vai ter de fazer alteracoes.

principais alteracoes

usei com exemplo base a seccao memoria

nos inputs no value fica o preco, no name fica o grupo neste caso G1 mas pode alterar, mas se alterar atencao no codigo javascript (pois esta utilizando apenas o numero como rotativo ou seja, G+numero(parametro))

#############JAVASCRIPT###################

function EmGrupos(k,e) {
h = document.getElementsByTagName("span").length;
	for( i = 1; i <= h; i++ ){
	if( i == k ){ document.getElementById(i).style.visibility="visible"; }
	else{ document.getElementById(i).style.visibility="hidden"; }
	}
rr="document.Configurar.G"+e; //vai colocar esta string com..... + parametro e
r=eval(rr).length;// ve quantos inputs deste grupo
alert(r)// este alert pode deletar rsrsrsr

//isto e so para o caso do sistema operativo pois tenho de adiocionar o valor a 0 senao depois vai dar um erro ao acrecentar //o valor
if(document.Configurar.ValorFinal.value==""){document.Configurar.ValorFinal.value=0}



for(i=0; i<r;i++){ // este for vai correr os inputs do grupo e se tiver checado alerta e coloca o value na input
if(eval(rr)[i].checked==true){
alert("Olá estou checked e o meu value e "+eval(rr)[i].value) // este eval serve para funcionar kkkk
document.Configurar.ValorFinal.value=eval(document.Configurar.ValorFinal.value)+eval(eval(rr)[i].value);

}
}
}

#############HTML########################
<div class='Verdana_10_PretoB' id='Cor5' onMouseOver="MudaCor('Cor5')" style='width:340;'>
		<label><input type='radio' name='G1' value='35' onFocus="
		java script:Configurar.ValorMemoria.value='35.00'; 
		java script:Configurar.NomeMemoria.value='256 MB'; 
		java script:Configurar.IdMemoria.value='5'; 
		Show('DivMemoria', ' • 256 MB'); 
		somar();"> 256 MB</label><BR>
		</div><div class='Verdana_10_PretoB' id='Cor6' onMouseOver="MudaCor('Cor6')" style='width:340;'>
		<label><input type='radio' name='G1' value='50' onFocus="
		java script:Configurar.ValorMemoria.value='50.00'; 
		java script:Configurar.NomeMemoria.value='512 Mb'; 
		java script:Configurar.IdMemoria.value='6'; 
		Show('DivMemoria', ' • 512 Mb'); 
		somar();"> 512 Mb</label><BR>

		</div><div class='Verdana_10_PretoB' id='Cor7' onMouseOver="MudaCor('Cor7')" style='width:340;'>
		<label><input type='radio' name='G1' value='65' onFocus="
		java script:Configurar.ValorMemoria.value='65.00'; 
		java script:Configurar.NomeMemoria.value='1 GB'; 
		java script:Configurar.IdMemoria.value='7'; 
		Show('DivMemoria', ' • 1 GB'); 
		somar();"> 1 GB</label><BR>
		</div><div class='Verdana_10_PretoB' id='Cor8' onMouseOver="MudaCor('Cor8')" style='width:340;'>
		<label><input type='radio' name='G1' value='80' onFocus="
		java script:Configurar.ValorMemoria.value='80.00'; 
		java script:Configurar.NomeMemoria.value='2 GB'; 
		java script:Configurar.IdMemoria.value='8'; 
		Show('DivMemoria', ' • 2 GB'); 
		somar();" checked> 2 GB</label><BR>
		</div>

<a href="java script:EmGrupos(2,1)">	memória</a>

Qualquer duvida e so postar

klonder · Fevereiro 8, 2009

mto simples meu amigo, finalmente consegui entender como estava funcionando seu sistema. Bem tive de adaptar da minha maneira e para voce por isso a funcionar no seu site vai ter de fazer alteracoes.

(...)

Qualquer duvida e so postar

Putz... eu tava montando o código para ele e você foi mais esperto, hehehehe!

Bom, mas para não perder viagem, vou postar um código de outra maneira:

Obs: Nas tags href, emende java script, ou seja, deve ficar --------------------> javascript

(Linhas: 98, 99 e 100)

<html>
<head>
<title>Monte seu pc</title>

<script type="text/javascript">
//Declarando as variáveis:
var qtdeOpcoes = 3; //Exemplo: Sistema Operacional | Memória | Disco rígido : 3 opções
var i, parte, iLoop;

function ajustar() {
	for (iLoop = 1; iLoop <= qtdeOpcoes; iLoop++) {
	var objRadio = document.forms["form1"].elements["grupo_g"+iLoop];
		for (i=0; i < objRadio.length; i++) {
			if (objRadio[i].checked == true) {
				parte = objRadio[i].value.split("#");
				document.getElementById("valor_g"+iLoop).value = parte[0];
				document.getElementById("nome_g"+iLoop).value = parte[1];
				document.getElementById("desc_g"+iLoop).innerHTML = parte[1];
				document.getElementById("id_g"+iLoop).value = parte[2];
			}
		}
	}
}

function mostrar(e,c) {
//"e": parâmetro que indica o grupo que será aberto.
//"c": indica se será mostrado da primeira vez (1) ou não (0);

if (c == 1) {
	for (i = 1; i <= qtdeOpcoes; i++) {
		//Apagando todas as divs que possam estar abertas:
		document.getElementById("g"+i).style.display = "none";
	}
	//Mostrando a div que foi passada via parâmetro "e":
	document.getElementById(e).style.display = "block";
}

//Verificando o valor atual do grupo radio:
var objRadio = document.forms["form1"].elements["grupo_"+e];
		for (i=0; i < objRadio.length; i++) {
		if (objRadio[i].checked == true) {
		parte = objRadio[i].value.split("#");
			document.getElementById("valor_"+e).value = parte[0];
			document.getElementById("nome_"+e).value = parte[1];
			document.getElementById("desc_"+e).innerHTML = parte[1];
			document.getElementById("id_"+e).value = parte[2];
		}
	}
}

</script>

</head>
<body onLoad="ajustar();">
<form name="form1" action="sua_pagina.php" method="post">
<table width="600px" border="1" style="border:#888888 1px solid">
<tr>
	<td valign="top"> Produto:
<br><br>
<span id="g1" style="display:none">» Sistema operacional:
<br><input type="radio" name="grupo_g1" value="200,00#Windows XP sp3-br#1" onClick="mostrar('g1',0)" checked>Windows XP sp3-br
<br><input type="radio" name="grupo_g1" value="280,00#Windows Vista 32 bits#2" onClick="mostrar('g1',0)">Windows Vista 32 bits
</span>

<span id="g2" style="display:none">» Memória:
<br><input type="radio" name="grupo_g2" value="35,00#256 Mb#3" onClick="mostrar('g2',0)" checked>256 Mb
<br><input type="radio" name="grupo_g2" value="50,00#512 Mb#4" onClick="mostrar('g2',0)">512 Mb
<br><input type="radio" name="grupo_g2" value="65,00#1 Gb#5" onClick="mostrar('g2',0)">1 Gb
<br><input type="radio" name="grupo_g2" value="75,00#2 Gb#6" onClick="mostrar('g2',0)">2 Gb
</span>

<span id="g3" style="display:none">» Disco rígido:
<br><input type="radio" name="grupo_g3" value="35,00#Samsung 80 Gb#7" onClick="mostrar('g3',0)" checked>Samsung 80 Gb
<br><input type="radio" name="grupo_g3" value="50,00#Samsung 160 Gb#8" onClick="mostrar('g3',0)">Samsung 160 Gb
<br><input type="radio" name="grupo_g3" value="65,00#Samsung 320 Gb#9" onClick="mostrar('g3',0)">Samsung 320 Gb
<br><input type="radio" name="grupo_g3" value="75,00#Maxtor 160 Gb#10" onClick="mostrar('g3',0)">Maxtor 160 Gb
<br><input type="radio" name="grupo_g3" value="61,00#Maxtor 320 Gb#10" onClick="mostrar('g3',0)">Maxtor 320 Gb
<br><input type="radio" name="grupo_g3" value="175,00#Maxtor 1 Tb#10" onClick="mostrar('g3',0)">Maxtor 1 Tb
</span>	
	</td>
	
	<td valign="top" width="50%">Modelo da sugestão:
<br><br>Sistema Operacional:<br><span id="desc_g1">---</span>
 
<br><br>Memória:<br><span id="desc_g2">---</span>
 
<br><br>Disco rígido:<br><span id="desc_g3">---</span>
 
<br><br>Unidade óptica:<br><span id="desc_g4">---</span>
 
<br><br>Placa Wireless:<br><span id="desc_g5"></span>

<br><br>
	</td>
</tr>
</table>

<a href="java script:mostrar('g1',1)">Sist.Operacional</a> | 
<a href="java script:mostrar('g2',1)">Memória</a> | 
<a href="java script:mostrar('g3',1)">Disco rígido</a> | etc...

<br><br>
Valor sistema: <input type="text" id="valor_g1">
Nome sistema: <input type="text" id="nome_g1">
Id sistema: <input type="text" id="id_g1">
<br>
Valor memória: <input type="text" id="valor_g2">
Nome memória: <input type="text" id="nome_g2">
Id memória: <input type="text" id="id_g2">
<br>
Valor Disco Rígido: <input type="text" id="valor_g3">
Nome Disco Rígido: <input type="text" id="nome_g3">
Id Disco Rígido: <input type="text" id="id_g3">
</form>
</body>
</html>

Thiago Paschoalin · Fevereiro 8, 2009

Vocês 2 são demais !!! hehehehe, sempre com a resposta na ponta da lingua, SHOW caras !!!!!!!!!!

Bom, eu acabei optando pelo script do klonder, já que estava mais adaptado ao meu código atual (que foi ele que me ajudou a criar também !).

Sou bom em algoritmo, mas mesmo assim não consigo acompanhar muito o javascript, e fico meio perdido, por isso acabei não conseguindo adaptar o código do webmind, mas tá muito show. Meus parabéns a vocês dois, e não só pelo conhecimento, mas pela paciencia comigo e dedicação para me ajudarem !!!

De coração estou muito grato a vcs dois.

COm a adptação do código apareceram alguns problemas no PHP, mas ai já é comigo mesmo... hehehehe, e já foi resolvido.

Além das 6 opções que viram tem mais 13 'escondidas' que só aparecem se o administrador do site preencherem, mas somente estas 6 opções tem a opção de alteração, as outras 13 são opções FIXAS, e por isso não precisam entrar no javascript.

Está ai o exemplo prático já funfando chamando pelo BaNCO: Teste Final

E assim que eu entregar o site, se este topico ainda estiver aberto, vou postar aqui o endereço para que vcs possam ver o trabalho concluido !

Uma última perguntinha, que se não tiver resposta nem tem problema, seria somente frescura mesmo:

COmo posso no INPUT lá que tem o valor final da soma dos produtos, colocar ponto a cada 3 casas ?

Da forma que está mostra: 1500

Gostaria de deixar: 1.500

Um grande abraço a todos e MAIS UMA VEZ muito obrigado !!!!!!!!!!!

klonder · Fevereiro 8, 2009

Parece que no FF não está funcionando... http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

Eu testei o código que te mandei e está ok... provavelmente é só mesmo um pequeno errinho em outro local do código. :P

Thiago Paschoalin · Fevereiro 8, 2009

Putz... eu fui testar AGORA tb no Opera e não está funcionando o javascript... nem o OnLoad e nem mudando pelo rádio... que droga...

Só no IE... e agora, o que pode ser isto ? erro no javascript ?

webmind · Fevereiro 8, 2009

respondendo a sua pergunta

Fiz este exemplo que formata com o ponto ate 10 digitos, podia ter usado um ciclo mas acho que este exemplo esta mais facil de compreender

<html>

<head>
<script>
function formata(){
str=form1.base.value;
w=str.length;
switch(w){
case 4: k=str.substr(0,1)+"."+str.substr(1,3);break;
case 7: k=str.substr(0,1)+"."+str.substr(1,3)+"."+str.substr(4,3);break;
case 10: k=str.substr(0,1)+"."+str.substr(1,3)+"."+str.substr(4,3)+"."+str.substr(7,3);break;
default: k=str;
}
form1.formatado.value=k;
}
</script>
</head>
<body>
<form name="form1">
    insira o numero: 
<input type="text" value="" name="base">
<p>numero formatado:
<input type="text" value="" name="formatado" readonly>

</p>
<p>

<input type="button" value="formatar" onclick="formata()">
</p>
</form>
</body>

</html>

Thiago Paschoalin · Fevereiro 8, 2009

obrigado webmind... deu certo !!!!

Agora, funcionar no IE e não funcionar no Opera e FireFox significa o que heim ? tem erro de javascript ? é no PHP ? alguma regra que no IE é ignorada e nos outros não? Putz viu, que chato isso, agora que providencia eu deveria tomar com isso ? pq é f***, eu até poderia fazer um verificador de navegador, mas ai vou obrigar o cara a ter IE para poder comprar....

Bom, eu vou postar o javascript e uma chamada de radio, se alguém perseber algum problema, por favor, me dá um toc... Grato desde já.

Olhem o erro que está dando no FireFox:

Imagem Postada

Linha 50: document.getElementById("valor_g"+iLoop).value=parte[0];

Linha 62: document.getElementById("g"+i).style.visibility = "hidden";

Linha 76: document.getElementById("id_"+e).value = parte[2];

JAVASCRIPTs:

<script language='JavaScript'>

// Somar valores.
function somar() { Configurar.ValorFinal.value = (Configurar.valor_g1.value*1) + (Configurar.valor_g2.value*1) + 
(Configurar.valor_g3.value*1) + (Configurar.valor_g4.value*1) + (Configurar.valor_g5.value*1) + 
(Configurar.valor_g6.value*1) + (Configurar.valor_07.value*1) + (Configurar.valor_08.value*1) + 
(Configurar.valor_09.value*1) + (Configurar.valor_10.value*1) + (Configurar.valor_11.value*1) + 
(Configurar.valor_12.value*1) + (Configurar.valor_13.value*1) + (Configurar.valor_14.value*1) + 
(Configurar.valor_15.value*1) + (Configurar.valor_16.value*1) + (Configurar.valor_17.value*1) + 
(Configurar.valor_18.value*1) + (Configurar.valor_19.value*1) + (Configurar.valor_20.value*1);

var str = Configurar.ValorFinal.value;
var w = str.length;
switch(w){
case 4: k=str.substr(0,1)+"."+str.substr(1,3);break;
case 7: k=str.substr(0,1)+"."+str.substr(1,3)+"."+str.substr(4,3);break;
case 10: k=str.substr(0,1)+"."+str.substr(1,3)+"."+str.substr(4,3)+"."+str.substr(7,3);break;
default: k=str;
}
Configurar.ValorTotal.value = k;

}


// Trocar cor da celula.
function MudaCor(id) { 
var cell = document.getElementById(id); 
cell.style.background="#F5F5F5"; 
cell.onmouseout=function() { 
cell.style.background="transparent"; 
} 
} 


//Declarando as variáveis: qtdeOpcoes = GRUPOS DE RADIO (sistema, memoria, hd, etc...)
var qtdeOpcoes = 6;
var i, parte, iLoop;

function ajustar() {
 for (iLoop = 1; iLoop <= qtdeOpcoes; iLoop++) {
  var objRadio = document.forms["Configurar"].elements["produto_g"+iLoop];
	for (i=0; i < objRadio.length; i++) {
	  if (objRadio[i].checked == true) {
		parte = objRadio[i].value.split("#");
		document.getElementById("valor_g"+iLoop).value = parte[0];
		document.getElementById("nome_g"+iLoop).value = parte[1];
		document.getElementById("div_g"+iLoop).innerHTML = "• "+parte[1];
		document.getElementById("id_g"+iLoop).value = parte[2];
	  }
	}
 }
}



function mostrar(e,c) {
if (c == 1) {
  for (i = 1; i <= qtdeOpcoes; i++) {
	document.getElementById("g"+i).style.visibility = "hidden";
	document.getElementById("div_g"+i).style.background = "transparent";
  }
document.getElementById(e).style.visibility = "visible";
document.getElementById("div_"+e).style.background = "#F5F5F5";
}

var objRadio = document.forms["Configurar"].elements["produto_"+e];
  for (i=0; i < objRadio.length; i++) {
	if (objRadio[i].checked == true) {
	  parte = objRadio[i].value.split("#");
	  document.getElementById("valor_"+e).value = parte[0];
	  document.getElementById("nome_"+e).value = parte[1];
	  document.getElementById("div_"+e).innerHTML = "• "+parte[1];
	  document.getElementById("id_"+e).value = parte[2];
	}
  }
}

</script>
<body onLoad="ajustar(); somar(); mostrar('g1',1);">

CHamda do Radio e o div no mesmo:

<form name="Configurar" method="post" action="Nenhuma Acao ainda">
<?
		
// Chama Sistema Operacional:
echo ("<span id='g1' style='visibility:hidden; position:absolute;'>");
echo ("<div class='Verdana_12_PretoB'>» Sistema Operacional:<Br><Br></div>");
$QuerySistema = mysql_query("SELECT * FROM produtos WHERE grupo='SISTEMAO' ORDER BY preco ASC");
while ( $Sistema = mysql_fetch_array($QuerySistema) )
{
echo ("<div class='Verdana_10_PretoB' id='Cor" . $Sistema["Id"] ."' 
onMouseOver=\"MudaCor('Cor" . $Sistema["Id"] . "')\" style='width:340;'>

<label>
<input type='radio' 
name='produto_g1' 
value='" . $Sistema["preco"] . "#" . $Sistema["nome"] . "#" . $Sistema["Id"] . "' 
onClick=\"mostrar('g1',0); somar();\"
" . ($Sugestao["SISTEMA"] == $Sistema["Id"] ? " checked" : "") . "> " . $Sistema["nome"] . "
</label><BR>
</div>");
}
echo ("</span>");



// Div que mostra o Valor do radio:
<div class="Verdana_10_PretoB">Sistema Operacional:</div><div id="div_g1" class="Verdana_12_Azul">---</div><Br>



// os Hidden que salva as informações:
<input name='valor_g1' type='hidden'>
<input name='nome_g1' type='hidden'>
<input name='id_g1' type='hidden'>



// Botão:
<a href="java script:mostrar('g1',1)">Sis.Operacional</a>

klonder · Fevereiro 8, 2009

Eu estou sem tempo agora mas uma dica: testar função por função... como eu disse, o código que eu mandei está funcionando no IE, Opera e FF, provavelmente é em outra parte... só testando função por função pra ver.

No onLoad, teste uma por uma também, pois acho que é por aí.

Thiago Paschoalin · Fevereiro 8, 2009

Aqui só fica acusando que o valor que ele está recuperando do radio está NULL.... ele não tá recuperando os valores no HIDDEN... que zica...

Agora apesar de estar dando erro no JavaScript, parece ser problema de recuperação de valores do PHP, MASSSSSS se fosse isso também, não iria recuperar os nomes dos radio, já que eles são chamdos juntos... então, já não estou entendendo NADA !

Bom, vou continuar os testes aqui... Abraços.

Bom, realmente klonder, eu peguei o seu exemplo e fui inserindo as minhas outras funções e programação em PHP UMA A UMA, e sei lá, tinha algumas chamadas minhas que não estavam erradam, mas o FireFox não aceitou e acusou como inválido e fui alterando e agora estou acertando tudo.
Como por exemplo:

* Trocar isto:
# function somar() { Configurar.ValorFinal.value = (Configurar.valor_g1.value*1) + (Configurar.valor_g2.value*1); }

* Por Isto:
# function somar() { document.getElementById("ValorProduto").value = 
# (document.getElementById("valor_g1").value*1) + (document.getElementById("valor_g2").value*1); }
Bom, amanhã vou terminar os testes e vou colocar TUDO, e fazer o teste final, e posto aqui o resultado.

Abraços e boa noite !

webmind · Fevereiro 8, 2009

Tiago esta a funcionar agora em FF e IE, abraço

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow: auto;
}
-->
</style>

<script type="text/javascript">

// Somar valores.
function somar() { Configurar.ValorFinal.value = 
(Configurar.valor_g1.value*1) + 
(Configurar.valor_g2.value*1) + 
(Configurar.valor_g3.value*1) + 
(Configurar.valor_g4.value*1) + 
(Configurar.valor_g5.value*1) + 
(Configurar.valor_g6.value*1) + 
(Configurar.valor_07.value*1) + 
(Configurar.valor_08.value*1) + 
(Configurar.valor_09.value*1) + 
(Configurar.valor_10.value*1) + 
(Configurar.valor_11.value*1) + 
(Configurar.valor_12.value*1) + 
(Configurar.valor_13.value*1) + 
(Configurar.valor_14.value*1) + 
(Configurar.valor_15.value*1) + 
(Configurar.valor_16.value*1) + 
(Configurar.valor_17.value*1) + 
(Configurar.valor_18.value*1) + 
(Configurar.valor_19.value*1) + 
(Configurar.valor_20.value*1);
}

// Trocar cor da celula.
function MudaCor(id) { 
var cell = document.getElementById(id); 
cell.style.background="#F5F5F5"; 
cell.onmouseout=function() { 
cell.style.background="transparent"; 
} 
} 

//Declarando as variáveis: qtdeOpcoes = GRUPOS DE RADIO (sistema, memoria, hd, etc...)
var qtdeOpcoes = 6;
var i, parte, iLoop;

function ajustar() {
	for (iLoop = 1; iLoop <= qtdeOpcoes; iLoop++) {
	var objRadio = document.forms["Configurar"].elements["produto_g"+iLoop];
		for (i=0; i < objRadio.length; i++) {
			if (objRadio[i].checked == true) {
				parte = objRadio[i].value.split("#");
				document.getElementById("valor_g"+iLoop).value = parte[0];
				document.getElementById("nome_g"+iLoop).value = parte[1];
				document.getElementById("div_g"+iLoop).innerHTML = parte[1];
				document.getElementById("id_g"+iLoop).value = parte[2];
			}
		}
	}
}

function mostrar(e,c) {

	if (c == 1) {
		for (i = 1; i <= qtdeOpcoes; i++) {
			document.getElementById("g"+i).style.visibility = "hidden";
		}
		document.getElementById(e).style.visibility = "visible";
	}

var objRadio = document.forms["Configurar"].elements["produto_"+e];
	for (i=0; i < objRadio.length; i++) {
		if (objRadio[i].checked == true) {
		parte = objRadio[i].value.split("#");
			document.getElementById("valor_"+e).value = parte[0];
			document.getElementById("nome_"+e).value = parte[1];
			document.getElementById("div_"+e).innerHTML = parte[1];
			document.getElementById("id_"+e).value = parte[2];
		}
	}
}





</script>
</head>
<body onLoad="ajustar(); somar(); mostrar('g1',1);">
<link href="CSS/Estilo_Colors.css" rel="stylesheet" type="text/css">
<link href="CSS/Estilo_Links.css" rel="stylesheet" type="text/css">
	<form name="Configurar" method="post" action="?Fazer">
	<table width="920" border="0" cellspacing="0" cellpadding="0">
	<tr><td height="75" colspan="4" valign="top"><img src="images/barra_personalizando.png" width="920" height="50"></td>
	</tr>
	<tr><td width="250" height="250" align="center"><img src='admin/maquinas/sugere_pc.png' border='0'></td>
	<td width="350" valign="top">
	
		<table width="346" border="0" cellspacing="0" cellpadding="0">
		<tr class="Verdana_18_PretoB">
		<td height="50" valign="top" class="Verdana_16_AzulB">Adicione a opção 
		desejada:</td>
		</tr>
		<tr><td>
		<span id='g1' style='visibility:hidden; position:absolute;'><div class='Verdana_12_PretoB'>
			» Sistema Operacional:<Br><Br></div><div class='Verdana_10_PretoB' id='Cor9' onMouseOver="MudaCor('Cor9')" style='width:340;'>
		<label><input type='radio' name='produto_g1' value='200.00#Windows XP SP2 br#9' 
		onClick="mostrar('g1',0); somar();"
		> Windows XP SP2 br</label><BR>
		</div><div class='Verdana_10_PretoB' id='Cor10' onMouseOver="MudaCor('Cor10')" style='width:340;'>
		<label><input type='radio' name='produto_g1' value='280.00#Windows Vista 32Bits#10' 
		onClick="mostrar('g1',0); somar();"
		 checked> Windows Vista 32Bits</label><BR>
		</div></span><span id='g2' style='visibility:hidden; position:absolute;'><div class='Verdana_12_PretoB'>
			» Memória Ram:<Br><Br></div><div class='Verdana_10_PretoB' id='Cor5' onMouseOver="MudaCor('Cor5')" style='width:340;'>
		<label><input type='radio' name='produto_g2' value='35.00#256 MB#5' 
		onClick="mostrar('g2',0); somar();"
		> 256 MB</label><BR>
		</div><div class='Verdana_10_PretoB' id='Cor6' onMouseOver="MudaCor('Cor6')" style='width:340;'>
		<label><input type='radio' name='produto_g2' value='50.00#512 Mb#6' 
		onClick="mostrar('g2',0); somar();"
		> 512 Mb</label><BR>
		</div><div class='Verdana_10_PretoB' id='Cor7' onMouseOver="MudaCor('Cor7')" style='width:340;'>
		<label><input type='radio' name='produto_g2' value='65.00#1 GB#7' 
		onClick="mostrar('g2',0); somar();"
		> 1 GB</label><BR>
		</div><div class='Verdana_10_PretoB' id='Cor8' onMouseOver="MudaCor('Cor8')" style='width:340;'>
		<label><input type='radio' name='produto_g2' value='80.00#2 GB#8' 
		onClick="mostrar('g2',0); somar();"
		 checked> 2 GB</label><BR>
		</div></span><span id='g3' style='visibility:hidden; position:absolute;'><div class='Verdana_12_AzulB'>
			» Disco Rigido (HD):<Br><Br></div><div class='Verdana_10_PretoB' id='Cor1' onMouseOver="MudaCor('Cor1')" style='width:340;'>
		<label><input type='radio' name='produto_g3' value='110.00#160GB - Maxtor#1' 
		onClick="mostrar('g3',0); somar();"
		> 160GB - Maxtor</label><BR>
		</div><div class='Verdana_10_PretoB' id='Cor3' onMouseOver="MudaCor('Cor3')" style='width:340;'>
		<label><input type='radio' name='produto_g3' value='115.00#160GB - Sansung#3' 
		onClick="mostrar('g3',0); somar();"
		> 160GB - Sansung</label><BR>
		</div><div class='Verdana_10_PretoB' id='Cor2' onMouseOver="MudaCor('Cor2')" style='width:340;'>
		<label><input type='radio' name='produto_g3' value='125.00#250GB - Maxtor#2' 
		onClick="mostrar('g3',0); somar();"
		 checked> 250GB - Maxtor</label><BR>
		</div><div class='Verdana_10_PretoB' id='Cor4' onMouseOver="MudaCor('Cor4')" style='width:340;'>
		<label><input type='radio' name='produto_g3' value='130.00#250GB - Sansung#4' 
		onClick="mostrar('g3',0); somar();"
		> 250GB - Sansung</label><BR>
		</div></span><span id='g4' style='visibility:hidden; position:absolute;'><div class='Verdana_12_PretoB'>
			» Unidade Óptica:<Br><Br></div><div class='Verdana_10_PretoB' id='Cor11' onMouseOver="MudaCor('Cor11')" style='width:340;'>
		<label><input type='radio' name='produto_g4' value='40.00#Grava CD e DVD: 52x/52x/16x#11' 
		onClick="mostrar('g4',0); somar();"
		 checked> Grava CD e DVD: 52x/52x/16x</label><BR>
		</div><div class='Verdana_10_PretoB' id='Cor12' onMouseOver="MudaCor('Cor12')" style='width:340;'>
		<label><input type='radio' name='produto_g4' value='45.00#Grava CD: 52x/40x | Lê DVD: 16x#12' 
		onClick="mostrar('g4',0); somar();"
		> Grava CD: 52x/40x | Lê DVD: 16x</label><BR>
		</div></span><span id='g5' style='visibility:hidden; position:absolute;'><div class='Verdana_12_PretoB'>
			» Placa Wireless:<Br><Br></div><div class='Verdana_10_PretoB' id='Cor13' onMouseOver="MudaCor('Cor13')" style='width:340;'>
		<label><input type='radio' name='produto_g5' value='75.00#wireless 56kb#13' 
		onClick="mostrar('g5',0); somar();"
		> wireless 56kb</label><BR>
		</div><div class='Verdana_10_PretoB' id='Cor14' onMouseOver="MudaCor('Cor14')" style='width:340;'>
		<label><input type='radio' name='produto_g5' value='110.00#wireless 1Mb#14' 
		onClick="mostrar('g5',0); somar();"
		 checked> wireless 1Mb</label><BR>
		</div></span><span id='g6' style='visibility:hidden; position:absolute;'><div class='Verdana_12_PretoB'>
			» Acessórios:<Br><Br></div><div class='Verdana_10_PretoB' id='Cor16' onMouseOver="MudaCor('Cor16')" style='width:340;'>
		<label><input type='radio' name='produto_g6' value='25.00#Teclado + Mouse#16' 
		onClick="mostrar('g6',0); somar();"
		> Teclado + Mouse</label><BR>
		</div><div class='Verdana_10_PretoB' id='Cor15' onMouseOver="MudaCor('Cor15')" style='width:340;'>
		<label><input type='radio' name='produto_g6' value='40.00#Teclado + Mouse + Caixa de Som#15' 
		onClick="mostrar('g6',0); somar();"
		> Teclado + Mouse + Caixa de Som</label><BR>
		</div><div class='Verdana_10_PretoB' id='Cor17' onMouseOver="MudaCor('Cor17')" style='width:340;'>
		<label><input type='radio' name='produto_g6' value='90.00#Teclado + Mouse + Fone de Ouvido#17' 
		onClick="mostrar('g6',0); somar();"
		 checked> Teclado + Mouse + Fone de Ouvido</label><BR>
		</div></span>		</td></tr>
		</table>
	
	</td>
	<td width="9" rowspan="2" background="images/Oferta_pag1_05.jpg"> </td>
	<td width="311" rowspan="2" valign="top">
	
		<table width="290" border="0" cellpadding="0" cellspacing="0" class="Verdana_12_Azul">
		<tr class="Verdana_12_AzulB"><td>modelo da sugestão<Br><Br>
			Linha: A7N</td>
		</tr>
		<tr>
		<td height="50">
		TOTAL:______________ R$ 
		<input name='ValorFinal' type='text' class="Box_14_Trans_Preta" size='6' readonly style="text-align:left;">		</td>
		</tr>
		<tr><td><div class="Verdana_10_PretoB">Sistema Operacional:</div><div id="div_g1" class="Verdana_12_Azul"></div><Br></td></tr>
		<tr><td><div class="Verdana_10_PretoB">Memória:</div><div id="div_g2" class="Verdana_12_Azul"></div><Br></td></tr>
		<tr><td><div class="Verdana_10_PretoB">Disco Rigido:</div><div id="div_g3" class="Verdana_12_Azul"></div><br></td></tr>
		<tr><td><div class="Verdana_10_PretoB">Unidade Óptica:</div><div id="div_g4" class="Verdana_12_Azul"></div><br></td></tr>
		<tr><td><div class="Verdana_10_PretoB">Placa Wireless:</div><div id="div_g5" class="Verdana_12_Azul"></div><Br></td></tr>
		<tr><td><div class="Verdana_10_PretoB">Acessórios:</div><div id="div_g6" class="Verdana_12_Azul"></div><Br></td></tr>
		<tr><td>
		<div class='Verdana_10_PretoB'>Novo Grupo:</div>
		<div class='Verdana_12_Azul'> • Produto escolhido (R$ 650,00)</div><Br>
		<input name='tipo_07' type='hidden' value='Novo Grupo'>
		<input name='nome_07' type='hidden' value='Produto escolhido (R$ 650,00)'>
		<input name='valor_07' type='hidden' value='650.00'>
		</td></tr><tr><td>
		<div class='Verdana_10_PretoB'>Novo Grupo:</div>
		<div class='Verdana_12_Azul'> • Produto escolhido (R$ 200,00)</div><Br>
		<input name='tipo_08' type='hidden' value='Novo Grupo'>
		<input name='nome_08' type='hidden' value='Produto escolhido (R$ 200,00)'>
		<input name='valor_08' type='hidden' value='200.00'>
		</td></tr><input name='valor_09' type='hidden' value='0'><input name='valor_10' type='hidden' value='0'><input name='valor_11' type='hidden' value='0'><input name='valor_12' type='hidden' value='0'><input name='valor_13' type='hidden' value='0'><input name='valor_14' type='hidden' value='0'><input name='valor_15' type='hidden' value='0'><input name='valor_16' type='hidden' value='0'><input name='valor_17' type='hidden' value='0'><input name='valor_18' type='hidden' value='0'><input name='valor_19' type='hidden' value='0'><input name='valor_20' type='hidden' value='0'>		<tr><td>
		<input type='hidden' id="valor_g1">
		<input type='hidden' id="nome_g1">
		<input type='hidden' id="id_g1">
		
		<input type='hidden' id="valor_g2">
		<input type='hidden' id="nome_g2">
		<input type='hidden' id="id_g2">
		
		<input type='hidden' id="valor_g3">
		<input type='hidden' id="nome_g3">
		<input type='hidden' id="id_g3">
		
		<input type='hidden' id="valor_g4">
		<input type='hidden' id="nome_g4">
		<input type='hidden' id="id_g4">
		
		<input type='hidden' id="valor_g5">
		<input type='hidden' id="nome_g5">
		<input type='hidden'id="id_g5">
		
		<input type='hidden' id="valor_g6">
		<input type='hidden' id="nome_g6"> 
		<input type='hidden' id="id_g6">
		</td></tr>
		</table>
	
	</td></tr>
	<tr><td height="100" colspan="2" align="center">
	<a href="java script:mostrar('g1',1)">Sis.Operacional</a> | <a href="java script:mostrar('g2',1)">
	memória</a> | 
	<a href="java script:mostrar('g3',1)">Disco Rígido</a> | <a href="java script:mostrar('g4',1)">
	Unidade Optica</a> | 
	<a href="java script:mostrar('g5',1)">Placa Wireless</a> | <a href="java script:mostrar('g6',1)">
	Acessorios</a>
	</td></tr>
	</table>
	</form>
	</body>
	</html>

Thiago Paschoalin · Fevereiro 8, 2009

Desculpa webmind, mas o que foi modificado ???? Fiquei comparando o meu e o seu código e não achei a sua alteração !!!!

webmind · Fevereiro 8, 2009

por exemplo em vez de <input type='hidden' name="valor_g2"> ficou <input type='hidden' id="valor_g2">

ID em vez de NAME!

Funcionou???????

klonder · Fevereiro 9, 2009

ID em vez de NAME!

HAUHAUehuAHEuaheuHE!!! Eu nem tinha prestado atenção nisso!!! :blink:

Agora deve funcionar! Muito bom webmind! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Thiago Paschoalin · Fevereiro 9, 2009

Nossa webmind... firmeza !!! Eu aqui me matando re-escrevendo todos os códigos aqui, ainda bem que salvei a página original, ai só precisei trocar name por id e já funfou 100% !!! hahahahahahahhahahaahaha

QUE FIRMEZAAAAA, muito obrigado !

Olha eu ainda não entreguei o serviço, mas gostaria que vcs vissem como ficou !: FUNFANDO 100%

webmind · Fevereiro 9, 2009

O sistema ficou legal, parabens!

Thiago Paschoalin · Fevereiro 9, 2009

Parabens para nós 3 !!! heheheh

webmind, klonder e eu ! Abraços.

klonder · Fevereiro 9, 2009

Muito bom! Ficou excelente! Parabéns! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Arquivado

[Resolvido] Procurar Type='radio' CHECKED e preencher um

Recommended Posts

Thiago Paschoalin 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

webmind 5

Compartilhar este post

Link para o post

Compartilhar em outros sites

klonder 14

Compartilhar este post

Link para o post

Compartilhar em outros sites

Thiago Paschoalin 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

klonder 14

Compartilhar este post

Link para o post

Compartilhar em outros sites

Thiago Paschoalin 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

webmind 5

Compartilhar este post

Link para o post

Compartilhar em outros sites

Thiago Paschoalin 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

klonder 14

Compartilhar este post

Link para o post

Compartilhar em outros sites

Thiago Paschoalin 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

webmind 5

Compartilhar este post

Link para o post

Compartilhar em outros sites

Thiago Paschoalin 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

webmind 5

Compartilhar este post

Link para o post

Compartilhar em outros sites

klonder 14

Compartilhar este post

Link para o post

Compartilhar em outros sites

Thiago Paschoalin 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

webmind 5

Compartilhar este post

Link para o post

Compartilhar em outros sites

Thiago Paschoalin 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

klonder 14

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real