[Resolvido] ativar e desativar texto e campo de faormulario atrav

[Lezado 0]

Olá estou com esse codigo que acabei criando olhando varios foruns tentando enterder a logica da coisa

e parece que deu certo!

porem estou com dois problemas eu queria que o texto ficasse desabilitado, ou com uma cor que desse a impressão que ele esta desabilitado tambem;

 

E o outro problema é que quando a pagina é carregada pela primeira vez ("apesar de ter deixando o primeiro campo como checado") os outros campo se encontram habilitados isso porque o java ainda não foi executado nenhuma vez para poder bloquear os demais campos que é o que ocorre;

 

bom vou postar o codigo aqui se for possivel executem ele que vocês entenderão,

desde já agradeço.

 

Ah eu sou bbbbbeeeeemmmm leigo em java,

não conheço quase nenhuma de suas tags mas tenho bom raciocinio lógico

ou seja me esclareçam a função da tag ou

me passe o codigo inteiro em funcionamento; pois se apenas me dizer "use a função tal"

vai me levar a perguntar "como faço" beleza!!

tipo desculpa ser muito chato, mas se eu não ver ele funcionando eu vou acabar perguntando

desculpas....

 

<script>
function capa(){
with(document.form){
valor1.disabled=false;
valor2.disabled=true;
valor3.disabled=true;
valor4.disabled=true;
}}
function folha(){
with(document.form){
valor1.disabled=true;
valor2.disabled=false;
valor3.disabled=false;
valor4.disabled=true;
}}
function peca(){
with(document.form){
valor1.disabled=true;
valor2.disabled=true;
valor3.disabled=true;
valor4.disabled=false;
}}
</script>
<style type="text/css">
<!--

.textohabitado {
	color: #999;
}
-->
</style>

<form name="form">
  <table width="0" border="0" cellspacing="3" cellpadding="0">
    <tr>
      <td><input name="radio" type="radio" onClick="capa();" checked size="10,1">
    Capa a Capa :
	  </td>
      <td><input name="valor1" type="text"></td>
    </tr>
    <tr>
      <td><input name="radio" type="radio" onClick="folha();" size="10,1">
Folhas de :</td>
      <td><input name="valor2" type="text" size="4" maxlength="5">
até :     <input name="valor3" type="text" size="5" maxlength="5"></td>
    </tr>
    <tr>
      <td><input name="radio" type="radio" onClick="peca();" size="10,1">
Peças : </td>
      <td>
        <select name="valor4">
        <option value="1">teste1</option>
        <option value="2">teste2</option>
        <option value="3">teste3</option>
        </select></td>
    </tr>
  </table>
</form>

[Lezado 0]

HAHAHAHA ...descubri ririri

 

é malandragem tô ficando bom na parada! um dia eu chegô lá

 

eis o code

 

oulll iééss

[RESORVIDO]

<script>
function capafunction()
{
	with(document.form)
		{
		valor1.disabled=false;
		valor2.disabled=true;
		valor3.disabled=true;
		valor4.disabled=true;
		}
	with(document.getElementById("capa").checked==true)
		{
		document.getElementById("textocapa")  .style.color = "#000";
		document.getElementById("textofolhas").style.color = "#999";
		document.getElementById("textoate")   .style.color = "#999";
		document.getElementById("textopecas") .style.color = "#999";
		}
}
function folhafunction()
{
	with(document.form)
		{
		valor1.disabled=true;
		valor2.disabled=false;
		valor3.disabled=false;
		valor4.disabled=true;
		}
	with(document.getElementById("folha").checked==true)
		{
		document.getElementById("textocapa")  .style.color = "#999";
		document.getElementById("textofolhas").style.color = "#000";
		document.getElementById("textoate")   .style.color = "#000";
		document.getElementById("textopecas") .style.color = "#999";
		}
}
function pecafunction()
{
	with(document.form)
		{
		valor1.disabled=true;
		valor2.disabled=true;
		valor3.disabled=true;
		valor4.disabled=false;
		}
	with(document.getElementById("peca").checked==true)
		{
		document.getElementById("textocapa")  .style.color = "#999";
		document.getElementById("textofolhas").style.color = "#999";
		document.getElementById("textoate")   .style.color = "#999";
		document.getElementById("textopecas") .style.color = "#000";
		}
}
</script>
<style type="text/css">
<!--
#textofolhas {
	color: #999;
}
#textoate {
	color: #999;
}
#textopecas {
	color: #999;
}
-->
</style>


<form name="form">
  <table width="0" border="0" cellspacing="3" cellpadding="0">
    <tr>
      <td><input name="radio" type="radio" id="capa" onclick="capafunction();" checked="checked">
          <label id="textocapa">Capa a Capa :</label>
	  </td>
      <td><input name="valor1" type="text"></td>
    </tr>
    <tr>
      <td><input name="radio" type="radio" id="folha" onClick="folhafunction();" size="10,1">
        <label id="textofolhas">Folhas de :</label>
</td>
      <td><input name="valor2" type="text" size="4" maxlength="5" disabled="disabled">
          <label id="textoate">até :</label>
      <input name="valor3" type="text" size="5" maxlength="5" disabled="disabled"></td>
    </tr>
    <tr>
      <td><input name="radio" type="radio" id="peca" onClick="pecafunction();" size="10,1">
        <label id="textopecas">Peças :</label>
 </td>
      <td>
        <select name="valor4" disabled="disabled">
        <option value="1">teste1</option>
        <option value="2">teste2</option>
        <option value="3">teste3</option>
        </select></td>
    </tr>
  </table>
</form>

e antes das duas da manhã

hehehehe