Ir para conteúdo
Fórum Script Brasil
  • 0

Formulário Select abrindo página em iframe


spyspys

Pergunta

Olá, boa tarde

Sou novo no fórum e gostaria que me ajudassem.

Tenho o seguinte código:

<html>
<head>
<title>
</title>
</head>
<body>
<script>
function jogarDados() {
var valor = new Array("10,00","12,00","14,00","16,00","18,00","20,00","22,00","24,00","26,00","28,00","30,00","32,00");
var peso = new Array("0,20","0,30","0,40","0,50","0,60","0,70","0,80","0,90","1,00","1,10","1,20","1,30");

var objSelect = document.getElementById("select1");
var txtPeso = document.getElementById("peso1");
var txtValor = document.getElementById("valor1");

if (objSelect.value != "") {
txtPeso.value = valor[eval(objSelect.value)];
txtValor.value = peso[eval(objSelect.value)];
} else {
txtPeso.value = "";
txtValor.value = "";
}

}
</script>
<select id="select1" onchange="jogarDados()">
<option value="">---</option>
<option value="0">0,45 x 0,60</option>
<option value="1">0,80 x 0,60</option>
<option value="2">1,00 x 0,70</option>
<option value="3">1,20 x 0,70</option>
<option value="4">1,50 x 0,70</option>
<option value="5">1,20 x 1,00</option>
<option value="6">1,50 x 1,00</option>
<option value="7">1,80 x 1,00</option>
<option value="8">2,00 x 1,50</option>
<option value="9">2,50 x 1,50</option>
<option value="10">3,00 x 1,80</option>
<option value="11">3,50 x 1,80</option>
</select>
Peso: <input type="text" id="peso1">
Valor: <input type="text" id="valor1">
</body>
</html>

Este código funciona assim: quando a pessoa seleciona um tamanho de banner no campo select, é gerado em um campo input text o valor correspondente àquele banner e em outro campo input text é gerado o peso do banner.

Ex: O usuário seleciona o tamanho 0,45 x 0,60 e no campo Valor aparece R$10,00 e no campo peso aparece 0,20 kg.

Depois ele seleciona outro produto 3,00 x 1,80 e no campo valor aparece R$ 20,00 e no campo peso aparece 0,50 kg.

Agora eu preciso que, quando ele selecionar um tamanho, além de aparecer o valor e o peso correspondente àquele produto, abra uma página, dentro de um iframe com um botão especifico para compra daquele banner.

Podem me ajudar galera?

Obrigado!

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

ok, então o código ficaria assim???

<html>
<head>
<title>
</title>
</head>
<body>
<script>
function jogarDados() {
var valor = new Array("10,00","12,00","14,00","16,00","18,00","20,00","22,00","24,00","26,00","28,00","30,00","32,00");
var peso = new Array("0,20","0,30","0,40","0,50","0,60","0,70","0,80","0,90","1,00","1,10","1,20","1,30");

var objSelect = document.getElementById("select1");
var txtPeso = document.getElementById("peso1");
var txtValor = document.getElementById("valor1");

document.getElementById("id_de_seu_iframe").src="link"

if (objSelect.value != "") {
txtPeso.value = valor[eval(objSelect.value)];
txtValor.value = peso[eval(objSelect.value)];
} else {
txtPeso.value = "";
txtValor.value = "";
}

}
</script>
<select id="select1" onchange="jogarDados()">
<option value="">---</option>
<option value="0">0,45 x 0,60</option>
<option value="1">0,80 x 0,60</option>
<option value="2">1,00 x 0,70</option>
<option value="3">1,20 x 0,70</option>
<option value="4">1,50 x 0,70</option>
<option value="5">1,20 x 1,00</option>
<option value="6">1,50 x 1,00</option>
<option value="7">1,80 x 1,00</option>
<option value="8">2,00 x 1,50</option>
<option value="9">2,50 x 1,50</option>
<option value="10">3,00 x 1,80</option>
<option value="11">3,50 x 1,80</option>
</select>
Peso: <input type="text" id="peso1">
Valor: <input type="text" id="valor1">
</body>
</html>

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...