Habilitar campo.....

[João Augusto 0]

Fala galera, bom venho aqui novamente pedir a ajuda de você´s.....

eu to com um pequeno probleminha.....

Eu tenho uma tabela que recebe alguns valores dentro de uns inputs text que estão desabilitados para naum serem alterados.....

ai eu criei um CODE pra desabilitar esses campos mais naum consegui que desabilitasse mais de uma linha...

alguém ai poderia me ajudar nesse problema???

Segue o CODE........

 

 

<script language="JavaScript">

function habilitar(){
with(document.form){
valor1.style.background="white";
valor1.disabled=false;
valor2.disabled=false;
valor3.disabled=false;
valor4.disabled=false;
valor5.disabled=false;
}
}

</script> 
  <script>
function mostrar2(x,w){
div=document.getElementById(w);
if(div.style.display=="none"){
div.style.display="";
}
else if(div.style.display=="") {
x.value="Alterar";
div.style.display="none"; 
}
}
</script>


  <script>
function mostrar(x,w){
div=document.getElementById(w);
if(div.style.display=="none"){
div.style.display="";
}
else if(div.style.display=="") {
x.value="Incluir";
div.style.display="none"; 
}
}
</script>
  
	<script language="javascript">
  function AbreModal(url)
  {
	window.showModalDialog(url,window,"dialogWidth:680px;dialogHeight:200px");
  }
</script>
  
		<style type="text/css">
table {font: normal 11px "Lucida Console";}
table{margin: 0px;}
table,th,td{border-collapse: collapse;}
th,td{border-bottom: 0px solid #000000;padding: 0px;}
th span{display: block; padding: 3px}
td span{display: block; padding: 3px}
#lista table {width:700px;}
#lista th{color: #FFFFFF;background-color: #181AC5;text-align: left}
#lista.tabContainer {width: 700px;border: 1px solid #000000}
#lista.scrollContainer {width: 700px;height: 400px;overflow: auto;}
.font{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-style:normal;
font-weight: bold;
font-variant: normal;
color:#FFFFFF;}  
	</style>
  
  
  <tr>
   <td colspan="5" align="center" valign="middle" background="img/layout.jpg"><div align="center"><table width="99%" height="178" align="center" class="corpo-mono">
  <tr><td><br>
  <fieldset class="corpo-mono">
<legend class="fieldset-legend"></legend>
<br>
  
					 <div align="center">
							  <div class="tabContainer" id="lista">
								<div class="scrollContainer" id="lista">
								  <table width="711" border="0">
								  <form name="form">
									<tbody>
									  <tr>
										<td height="15" bgcolor="#0A36E4" class="font"><span> Código</span> </td>
										<td width="179" align="left" bgcolor="#0A36E4" class="font"><span>Descrição      Perfil >></span></td>
										<td bgcolor="#0A36E4" width="67" align="center" class="font">A</td>
										<td width="81" bgcolor="#0A36E4" class="font" align="center">B</td>
										<td width="78" bgcolor="#0A36E4" class="font" align="center">C</td>
										<td width="67" bgcolor="#0A36E4" class="font" align="center">D</td>
										<td colspan="2" align="left" bgcolor="#0A36E4" class="font"><span>     E</span> </td>
									  </tr>
									  
									  <tab>
									  
									  <tr>
										<td width="63"> <input type="radio" name="rad" checked>SR<cod></td>
										<td align="left"> <des></td>
										<td width="67"><input name="valor1" size="4" type="text" value="<vla>" disabled></td>
										<td width="81"><input name="valor2" size="4" value="<vlb>" type="text" disabled></td>
										<td width="78"><input name="valor3" size="4" type="text" value="<vle>" disabled></td>
										<td width="67"><input name="valor4" size="4"  type="text" value="<vld>" disabled></td>
										<td width="67"><input name="valor5" size="4" value="<vlc>" type="text" disabled></td>
										<td width="96" align="right"> <input name="alt" value="Alterar" type="button" onClick="mostrar2(this,'ok')" onFocus="habilitar();"> <input type="submit" name="ok" value="OK" id="ok" style="display:none"></td>
									  </tr>
										<tr>
										<td width="63"> <input type="radio" name="rad" checked>SR<cod></td>
										<td align="left"> <des></td>
										<td width="67"><input name="valor1" size="4" type="text" value="<vla>" disabled></td>
										<td width="81"><input name="valor2" size="4" value="<vlb>" type="text" disabled></td>
										<td width="78"><input name="valor3" size="4" type="text" value="<vle>" disabled></td>
										<td width="67"><input name="valor4" size="4"  type="text" value="<vld>" disabled></td>
										<td width="67"><input name="valor5" size="4" value="<vlc>" type="text" disabled></td>
										<td width="96" align="right"> <input name="alt" value="Alterar" type="button" onClick="mostrar2(this,'ok')" onFocus="habilitar();"> <input type="submit" name="ok" value="OK" id="ok" style="display:none"></td>
									  </tr>
									  <tr id="botoes" style="display:none">
										<td width="63"> <input type="text" name="cod2" size="4" maxlength="4" value="SR<co2>" ></td>
										<td align="left"><input type="text" name="des" value="<de2>" size="24" maxlength="26"></td>
										<td><input type="text" name="vla" value="<va2>" size="4" maxlength="7"></td>
										<td width="81"><input type="text" name="vlb" value="<vb2>" size="4" maxlength="7"></td>
										<td width="78"><input type="text" name="vlc" value="<vc2>" size="4" maxlength="7"></td>
										<td width="67"><input type="text" name="vld" value="<vd2>" size="4" maxlength="7"></td>
										<td width="67"><input type="text" name="vle" value="<ve2>" size="4" maxlength="7"></td>
										<td align="right"><input type="submit" value="OK" name="btn"></td>
									  </tr>
									  </form>
									</tbody>
								  </table>

Po eu to precisando mt disso pra terminar um projeto quem puder me ajudar eu agradeceria imensamente......

Vlw.....

[Otata 4]

você quer desabilitar todos os campos do form ?

 

segue exemplo

 

var form = document.getElementById('form');

for (var i=0;i<form.length;i++){  
	
	if(form.elements[i].type == "text"){
		form.elements[i].disabled = true;
	}
 
}

no caso apenas os texts

 

t+