Trocar cor de Campos

Max Mustang · Setembro 1, 2010

opa galera, beleza?

to com a seguinte duvida

eu tenho uma tabela

view plaincopy to clipboardprint?

1. <tr>  
   2.   
   3. <td height="25" id="teste" onclick="trocarCorDosCampos(this);">  
   4. 1- Registro ANS<br>  
   5. <input name="teste" type="text" size="20" onclick="validarCamposObrigatoriosEenviarGuia();" >  
   6. </td>  
   7.   
   8. <td class="escura" onclick="trocarCorDosCampos(this);">  
   9. 3- Nº Guia Principal<br>  
  10. <input name="text" type="text" class="campoCinza">  
  11. </td>  

<tr> <td height="25" id="teste" onclick="trocarCorDosCampos(this);"> 1- Registro ANS<br> <input name="teste" type="text" size="20" onclick="validarCamposObrigatoriosEenviarGuia();" > </td> <td class="escura" onclick="trocarCorDosCampos(this);"> 3- Nº Guia Principal<br> <input name="text" type="text" class="campoCinza"> </td>

eu quero quando clicar dentro do <td> mudar a cor do <td> e do input por exemplo no td um... a cor ta branca, eu cliquei.. ficaria cinza, cliquei denovo, ficaria branca. No td 2, ele tem um class que deixa a cor do campo cinza automaticamente, quando eu clicar.. queria que ela fosse branca .. clicar denovo.. fosse cinza já tentei mil vezes... e não consegui nada view plaincopy to clipboardprint?

1. function trocarCorDosCampos(campo){  
   2.   
   3.     if(campo.stylesheet[0].rules[0].style.color == '#CCCCCC'){  
   4.         campo.style.backgroundColor = '#FFFAFA';  
   5.     }  
   6.           
   7.     /*if(campo.style.backgroundColor == '#CCCCCC'){ 
   8.         //campo.style.className = "branca" 
   9.         campo.style.backgroundColor = '#FFFAFA'; 
  10.          
  11.     }*/  
  12.    /* else{ 
  13.         campo.style.backgroundColor =; 
  14.         campo.style.className = "escura"; 
  15.     } */  
  16. }  

function trocarCorDosCampos(campo){ if(campo.stylesheet[0].rules[0].style.color == '#CCCCCC'){ campo.style.backgroundColor = '#FFFAFA'; } /*if(campo.style.backgroundColor == '#CCCCCC'){ //campo.style.className = "branca" campo.style.backgroundColor = '#FFFAFA'; }*/ /* else{ campo.style.backgroundColor =; campo.style.className = "escura"; } */ }

quem puder ajudar

Tenko · Setembro 1, 2010

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Untitled Document</title>

<script>

function mudaCorItem( oObj ) 
{
    var sCorAtual = oObj.style.backgroundColor;
    
    oObj.style.backgroundColor = ( sCorAtual == '#ffffff') ? '#f2f2f2' : '#ffffff';
}

function mudaCorCampo( oObj ) 
{
    var sCorAtual = oObj.style.backgroundColor;
    
    oObj.style.backgroundColor = ( sCorAtual == '#ffffff') ? '#f2f2f2' : '#ffffff';
}


</script>


</head>

<body>
<table width="100%"  border="1" cellspacing="1" cellpadding="1">
  <tr onClick="mudaCorItem(this);" style="background-color:#ffffff">
    <td width="15%">&nbsp;</td>
    <td width="85%"><input type="text" name="textfield" onClick="java script:mudaCorCampo(this);" style="background-color:#f2f2f2"></td>
  </tr>
  <tr onClick="mudaCorItem(this);" style="background-color:#ffffff">
    <td>&nbsp;</td>
    <td><input type="text" name="textfield" onClick="java script:mudaCorCampo(this);" style="background-color:#f2f2f2"></td>
  </tr>
</table>
</body>
</html>

Entrar

Trocar cor de Campos

Pergunta

Max Mustang

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Tenko

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades