:: como desahabilitar contenido de un DIV con javascript ::

oecarlitos · #1 (**permalink**) 06/12/2006, 00:02

Hola amigos del foro, tengo un pequeño detalle que explicarles, tengo un pequeño formulario, con 3 radio, al seleccionar cada radio se cambian para completarlas, pero resulta que si seleccionas el radio 1, el radio 2 y 3 igual es procesado por el formulario, lo que quiero es que cuando selecciones por ejemplo el radio 2 o 3, se deshabiliten los otros.

mi formulario es este:

Código HTML:

<html>
<head>
<script type="text/javascript">
var visto = null;
function mostrar(valor) {
  if (visto) visto.style.display = 'none';
  obj = document.getElementById(valor);
  obj.style.display = 'block';
  visto = obj;
}
</script>
</head>
<body>
<div align="center">
  <p>PRUEBA</p>
  <form action="" method="post" name="" id="">
    <table width="457" border="1">
      <tr>
        <td><div align="center">
            <input name="se" type="radio" value="noticias" onclick = "mostrar(this.value)">
          Noticias - 
          <input name="se" type="radio" value="deportes" onclick = "mostrar(this.value)">
          Deportes - 
          <input name="se" type="radio" value="horoscopo" onclick = "mostrar(this.value)">
          Horoscopo</div></td>
      </tr>
      <tr>
        <td>
        <div id="noticias" style="display:none"><input type="text" value="Noticias"></div>
        <div id="deportes" style="display:none"><input type="text" value="Deportes"></div>
        <div id="horoscopo" style="display:none"><input type="text" value="Horoscopo"></div>
        </td>
      </tr>
      <tr>
        <td><div align="center">
          <input type="submit" name="Submit" value="Enviar">
        </div></td>
      </tr>
    </table>
  </form>
  <p>&nbsp;</p>
</div>
</body>
</html>

Pero quiero que al seleccionar los otros divs, tb se deshabiliten, como podria hacerlo, en que parte pongo en disable="disable"

La hacer onclick en el div 1, se muestre el div 1 y se deshabilite los objectos del div 2 y 3.

espero me hallan entendido, gracias amigos

chalchis · #2 (**permalink**) 06/12/2006, 01:34

No entendi disculpa

K-Yezaad · #3 (**permalink**) 06/12/2006, 01:59

El problema es que estando en el mismo FORM; se procesaran igual, tu script solo los esconde, no los elimina. Lo que puedes hacer es (en tu script que procesa el formulario) darles diferentes nombres a los inputs o que solo se procese el input que tenga un valor diferente a nulo. Hay varias formas de hacerlo en PHP y en Javascript, pero habria que ver como acomodar eso a tu codigo.

oecarlitos · #4 (**permalink**) 06/12/2006, 10:09

lo que en realidad deseo es:

1.- unicamente se procese lo que el div muestra,

en mi caso, se mandan los 3 divs porque estan ocultos, pero no deshabilitan cuando no estan mostrados, solo se olcultan como me dicen.

LO que quiero es que en mi mismo script al inicio, donde sta el javascript pueda deshabilitar los campos que no estan enfocados con el radio.

Esto quiero

-- RADIO ---
Seleccionado => radio1 --------------> imput text (habilitado)
--------------> etc etc ( habilitado)
--------------> DIV (Abierto-Se muestra)

NO Seleccionado => radio1 -----------> imput text (deshabilitado)
--------------> etc etc ( deshabilitado)
--------------> DIV (No se muestra)

ASi sucesivamente.

Espero me hallan entendido.
si el div no seleccionado a la ves se deshabilita el contenido de la misma no será procesado por el formulario.

Ello quiero en una secuencia javascriipt o como fuere. Estare muy agradecido por su ayuda.

Cualquier cosita estoy en linea