Jump to content

  2. →
  3. →

Photo

Dúvida Simples

Started By Vitor Gomes, 25/09/2005, 15:04

  • Faça o login para participar
3 replies to this topic

#1 Vitor Gomes

Vitor Gomes

    Novato no fórum

  • Usuários
  • 17 posts
  • Sexo:Não informado
  • Localidade:Rio de Janeiro

Posted 25/09/2005, 15:04

Fala pessoal!!!! Estou com uma dúvida em JavaScript e creio que nao seja díficil pra quem entende. Então vamus la. Nesse código aqui abaixo esta minha dúvida. Eu tenho o checkbox "cabeceira" e os items "material"(select) e "preço" (textfield). Logo de ínico esses dois últimos items deveriam estar bloqueados (material e preço) para que depois o item "cabeceira" pudesse desbloqua-los e vice-versa. Mas eu estou tentando há horas e não consigo. Sou muito burro ainda em JV. Será que alguém poderia quebrar o galho pra mim, me enviando o código certo para essa operção?
Muito Obrigado.
Vitor. 

<html>
<head>
 <title>Compra de uma Cama</title>
</head>
<body>
<script LANGUAGE="JavaScript">
function mudaCabe()
{
 if (document.compra.cabe)
{
 document.compra.mat.disabled= "false";
 document.compra.preco.disabled= "false";
}
else
{
 document.compra.mat.disabled= "true";
 document.compra.preco.disabled= "true";
}
}
</SCRIPT>
<h2><span style="font-family: Verdana;">Compra de Uma Cama</span></h2>
<form method="post" name="compra">
<INPUT TYPE="CHECKBOX" NAME="cabe" onClick="mudaCabe()" >Cabeceira</br>
Material: <SELECT NAME="mat" disabled="true">
<OPTION VALUE="">Escolha...
<OPTION VALUE="br">Branca
<OPTION VALUE="mag">Magno
<OPTION VALUE="cer">Cerejeira
</SELECT>
&nbsp;&nbsp;&nbsp;&nbsp;Preço: <INPUT TYPE=TEXT NAME="preco" SIZE=15 disabled="true"><p>
</form>

#2 Allan Carvalho

Allan Carvalho

    Òó :: ^^

  • Usuários
  • 471 posts
  • Sexo:Masculino
  • Localidade:Campinas - SP
  • Interesses:Um PC novo e rápido. ^^

Posted 25/09/2005, 16:03

Estude cuidadosamente tudo, não esqueça do seu </br> (y)

<script LANGUAGE="JavaScript">
function mudaCabe(){
if (document.getElementById('cabe').checked == true){
  document.getElementById('mat').disabled = false;
  document.getElementById('preco').disabled = false;
  alert ('Parabéns! Desabilitou!');
}
else
{
document.getElementById('mat').disabled = true;
document.getElementById('preco').disabled = true;
}
}
</SCRIPT>
<INPUT TYPE="CHECKBOX" NAME="cabe" id="cabe" onClick="mudaCabe()" >Cabeceira<br/>
Material: <SELECT id="mat" NAME="mat" disabled="disabled">
<OPTION VALUE="">Escolha...</OPTION>
<OPTION VALUE="br">Branca</OPTION>
<OPTION VALUE="mag">Magno</OPTION>
<OPTION VALUE="cer">Cerejeira</OPTION>
</SELECT>
&nbsp;&nbsp;&nbsp;&nbsp;Preço: <INPUT TYPE=TEXT id="preco" NAME="preco" SIZE=15 disabled="disabled">


Lembre-se:
Sempre use getElementById para obter um código cross-browser (y)

Flw até + (y) :D
Nome: Allan V. Ferreira de Carvalho.
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com

Posted Image

#3 Vitor Gomes

Vitor Gomes

    Novato no fórum

  • Usuários
  • 17 posts
  • Sexo:Não informado
  • Localidade:Rio de Janeiro

Posted 25/09/2005, 17:40

Pow cara vlw mesmo. Brigadão. Tu sabe mesmo. Não sendo muito entrometido, mas sendo, vc poderia quebrar outra pra mim? É nesse código mesmo. Queria que um valor qualquer fosse posto no campo "preço". Por ex: já que o item "material" tem 3 sub items, quando eu escolhesse um sub item qualquer, esse seria dado o valor no campo "preço". Entendeu? E acho que sim né?
OBRIGADO pela ajuda.

Vitor.

#4 Allan Carvalho

Allan Carvalho

    Òó :: ^^

  • Usuários
  • 471 posts
  • Sexo:Masculino
  • Localidade:Campinas - SP
  • Interesses:Um PC novo e rápido. ^^

Posted 25/09/2005, 21:40

Depende...
10 real :D
Tá aí:
:D+-->
QUOTE(Script - Valor 10 Real :D)
<script LANGUAGE="JavaScript">
function mudaCabe(){
if (document.getElementById('cabe').checked == true){
  document.getElementById('mat').disabled = false;
  document.getElementById('preco').disabled = false;
  alert ('Parabéns! Desabilitou!');
}
else
{
document.getElementById('mat').disabled = true;
document.getElementById('preco').disabled = true;
}
}
function valorMat(){
if (document.getElementById('mat').value== 'br'){
  document.getElementById('preco').value = "R$ 200,00";
}
if (document.getElementById('mat').value== 'mag'){
  document.getElementById('preco').value = "R$ 400,00";
}
if (document.getElementById('mat').value== 'cer'){
  document.getElementById('preco').value = "R$ 600,00";
}
if (document.getElementById('mat').value== ''){
  document.getElementById('preco').value = "";
}
}
</SCRIPT>
<INPUT TYPE="CHECKBOX" NAME="cabe" id="cabe" onClick="mudaCabe()" >Cabeceira<br/>
Material: <SELECT id="mat" NAME="mat" onchange="valorMat()" disabled="disabled">
<OPTION VALUE="">Escolha...</OPTION>
<OPTION VALUE="br">Branca</OPTION>
<OPTION VALUE="mag">Magno</OPTION>
<OPTION VALUE="cer">Cerejeira</OPTION>
</SELECT>
&nbsp;&nbsp;&nbsp;&nbsp;Preço: <INPUT TYPE=TEXT id="preco" NAME="preco" SIZE=15 disabled="disabled">[/quote]

Estude-o (y) :D

Edição feita por: invasoesdemaniacos, 25/09/2005, 21:41.

Nome: Allan V. Ferreira de Carvalho.
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com

Posted Image

Voltar para Javascript / DOM / AJAX / ECMAScript


1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → Javascript / DOM / AJAX / ECMAScript
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq