Jump to content


Photo

Aparecer Campo Quando Seleciono Opção Em Select


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

#1 cris_gavioli

cris_gavioli

    Turista

  • Usuários
  • 55 posts
  • Sexo:Feminino
  • Localidade:São Paulo

Posted 20/07/2007, 14:34

Pessoal, gostaria de saber como faço para que quando seleciono uma opção no select (alteração) apareça Escrito Alteração antes do meu campo textarea???

[codebox]

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ordem de Serviço</title>
</head>

&lt;script language="javascript">
function focus()
{
document.getElementById("tipo").focus();
}
</script>

&lt;script language="javascript">
function valida() {

var prob=document.formulario.prob.value;
if (prob=="") {
window.alert("Digite o problema.");
document.formulario.prob.focus();
return false;
}
return true;
document.formulario.submit();
}
</script>

<body onload="focus()">

<div style="position: absolute; width: 208px; height: 204px; z-index: 1; left: 390px; top: 170px; border: 7px ridge #99CCFF" id="camada6">
<div style="width: 383px; height: 252px; border: 7px ridge #99CCFF">
<form method="POST" action="vos.php" name="formulario" onsubmit="return valida();">
<div style="position: absolute; width: 118px; height: 31px; z-index: 1; left: 15px; top: 14px" id="data">
<b>Data:</b></div>
<p> </p>
<div style="position: absolute; width: 156px; height: 32px; z-index: 2; left: 144px; top: 14px" id="sit">
<b>Situação:</b></div>
<p>Tipo:<select size="1" name="tipo" onKeyDown="if(event.keyCode==13) event.keyCode=9;" title="Selecione o tipo de ordem de serviço que deseja.">
<option value="alteração">alteração</option>
<option>dúvida</option>
<option>erro</option>
<option>manutenção</option>
<option>novo</option>
<option>sugestão</option>
</select></p>
<p>Descreva com o maior nº. de detalhes, inclusive a mensagem de erro que
aparecer.</p>
<p>Problema: </p>
<p> </p>
<div style="position: absolute; width: 100px; height: 33px; z-index: 2; left: 72px; top: 143px" id="camada7">
<textarea rows="4" name="prob" onfocus="VerificaOp(tipo.value);" cols="33" onKeyDown="if(event.keyCode==13) event.keyCode=9;" title="Digite o problema ou dúvida."></textarea></div>
<p><input type="submit" value="OK" name="B1" onfocus="document.getElementById('B1').style.fontWeight='bold';" onblur="document.getElementById('B1').style.fontWeight='normal';">    
<input type="reset" value="Limpar" name="B2" onfocus="document.getElementById('B2').style.fontWeight='bold';" onblur="document.getElementById('B2').style.fontWeight='normal';"></p>
</form>
</div>
</div>

<div style="position: absolute; width: 68px; height: 13px; z-index: 3; left: 537px; top: 397px" id="camada8">
<form method="POST" action="acesso_usuario.php">
<p><input type="submit" value="Voltar" name="B3" onfocus="document.getElementById('B3').style.fontWeight='bold';" onblur="document.getElementById('B3').style.fontWeight='normal';"></p>
</form>
</div>

</body>
</html>[/codebox]

Obrigada a quem puder ajudar....

Edição feita por: cris_gavioli, 22/07/2007, 18:49.


#2 matt.cavotta

matt.cavotta

    Ativo

  • Usuários
  • 347 posts
  • Sexo:Masculino
  • Localidade:Campinas
  • Interesses:Desenvolvimento Web &amp; Programação

Posted 20/07/2007, 19:08

Você quer dizer aparecer "Alteração" em vez de "Problema"?

PS: Não sei se a intenção é deixar cross-browser, mas aqui no Firefox a interface fica toda disforme. No IE ok.
WebFórum - Equipe de Desenvolvimento - Estagiario

I'm back!
Posted Image Edgy Eft 7.04

#3 cris_gavioli

cris_gavioli

    Turista

  • Usuários
  • 55 posts
  • Sexo:Feminino
  • Localidade:São Paulo

Posted 22/07/2007, 16:45

Você quer dizer aparecer "Alteração" em vez de "Problema"?

PS: Não sei se a intenção é deixar cross-browser, mas aqui no Firefox a interface fica toda disforme. No IE ok.


Isso exatamente, quero que apareça Alteração em vez de prob lema qd selecionar a opção alteração...

Como faço???

#4 matt.cavotta

matt.cavotta

    Ativo

  • Usuários
  • 347 posts
  • Sexo:Masculino
  • Localidade:Campinas
  • Interesses:Desenvolvimento Web &amp; Programação

Posted 22/07/2007, 17:19

As alterações necessárias:
* Colocar o texto que você quer que mude dinamicamente dentro de uma tag com id:
<span id='problema'><p>Problema: </p></span>

* Criar uma função que, baseada no valor do seu SELECT, mude o texto para alteração/problema:
function setText(){
  box = document.forms[0].tipo;
  if (box.value == "alteração")
	texto="Alteração"
  else
	texto="Problema"
  document.getElementById('problema').innerHTML = texto
}

* Colocar um tratador de evento "onChange" no seu SELECT:
<select size="1" name="tipo" onKeyDown="if(event.keyCode==13) event.keyCode=9;" onChange="setText()" title="Selecione o tipo de ordem de serviço que deseja.">

Você quer dizer aparecer "Alteração" em vez de "Problema"?

PS: Não sei se a intenção é deixar cross-browser, mas aqui no Firefox a interface fica toda disforme. No IE ok.


Isso exatamente, quero que apareça Alteração em vez de prob lema qd selecionar a opção alteração...

Como faço???


WebFórum - Equipe de Desenvolvimento - Estagiario

I'm back!
Posted Image Edgy Eft 7.04

#5 cris_gavioli

cris_gavioli

    Turista

  • Usuários
  • 55 posts
  • Sexo:Feminino
  • Localidade:São Paulo

Posted 22/07/2007, 18:48

Valew era isso mesmo que eu estava querendo....
: )




0 user(s) are reading this topic

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

IPB Skin By Virteq