Onclick,activo campo de texto. Onclick desactivo. ¿Como escribo?

IMAC/ · #1 (**permalink**) 24/11/2007, 10:22

Hola

He conseguido que al hacer click sobre una fila, el chekbox de ésta se marque y el color de fondo de la fila se ilumine.

Luego al volver a hacer click sobre el chekbox o bien sobre la fila, ésta deja de iluminarse para volver a su color original y el chekbox se desmarca.

Bien, hasta ahí todo bien.

El problema es que una vez se pincha el chekbox o bien la fila, un campo de texto que estaba en disable se activa y deja escribir una serie de números.
Y es ahí donde tengo el problema, pues ese campo de texto se encuentra en la misma fila donde he aplicado todas las funciones, de modo que si quiero hacer click en el campo de texto para situar ahí el cursor y poder empezar a escribir, es como si hiciera click de nuevo sobre la fila o sobre el checkbox y el campo se vuelve a desactivar impidiendome así poder escribir nada en él.

No se si me he explicado bien...

Gracias.

IMAC/ · #2 (**permalink**) 24/11/2007, 11:03

Aquí dejo un ejemplo de lo que he hecho por ahora.
Tal vez esté algo mal programado, pues yo de javascript no entiendo mucho, pero por ahora me funcionaba todo menos esto ultimo que nombre:

Copiar y pegar en el mismo dreamweaver para ver el efecto y su fallo.

Código PHP:

  <html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script language="Javascript">
function cambiar(obj) {
  elem=obj.parentNode.parentNode;
  if(obj.checked){
      elem.style.background='#ffff00';
    document.formulario.cantidad.disabled = true;
    document.formulario.marcado.checked = false;
  }else{
      elem.style.background='';
     document.formulario.cantidad.disabled = false;
     document.formulario.marcado.checked = true;
  }
}
function ponertick(obj) {
  if(document.formulario.marcado.checked){
    document.formulario.cantidad.disabled = false;
    document.formulario.marcado.checked = false;
    obj.style.background='';
  }else{
       obj.style.background='#ffff00';
     document.formulario.cantidad.disabled = true;
     document.formulario.marcado.checked= true;
  }
}

function pointer(obj){
   obj.style.cursor='pointer';
}

</script>
<body bgcolor="#FFFFFF" text="#000000">
<form name="formulario">
<table width="331" border="1">
  <tr name="fila" onMouseOver="pointer(this)" onClick="ponertick(this)"> 
    <td width="33"> 
      <input type="checkbox" onclick="cambiar(this)" name="marcado"  value="checkbox">
    </td>
    <td width="113">&nbsp;</td>
    <td width="163">
      <input type="text" name="cantidad" disabled>
    </td>
  </tr>
</table>
</form>
</body>
</html>