01/12/2009, 09:58
| |||
| |||
 Mostrar / Esconder DIV cuando activo Radio button ? Cómo puedo lograr hacer esto ? he estado revisando tutoriales pero me confundo, por favor alguien que le sea facil JS ? :) gracias por adelantado |
|
01/12/2009, 10:04
| ||||
| ||||
| Respuesta: Mostrar / Esconder DIV cuando activo Radio button ? seria mas facil si nos muestras lo que tienes. en teoria, tienes que verificar el estado del radio button. para determinarlo, lees la propiedad checked el cual te devuelve un boolean donde false significa que no esta marcado y true marcado. finalmente se hace la decision de mostrar o esconder el DIV.
Código:
document.getElementById('elDIV').style.display = document.getElementById("elRADIO").checked ? "block": "none";
__________________ la maldad es una virtud humana, y la espiritualidad es la lucha del hombre contra su maldad. |
|
01/12/2009, 10:20
| |||
| |||
| Respuesta: Mostrar / Esconder DIV cuando activo Radio button ? Cita: Muy bueno, pero dime una cosa... en qué momento voy a verificar si está activado el radiobutton ? imagino que sería ideal activar el javascript cuando se hace click en el rediobutton ?
Iniciado por zerokilled  seria mas facil si nos muestras lo que tienes. en teoria, tienes que verificar el estado del radio button. para determinarlo, lees la propiedad checked el cual te devuelve un boolean donde false significa que no esta marcado y true marcado. finalmente se hace la decision de mostrar o esconder el DIV.
Código:
document.getElementById('elDIV').style.display = document.getElementById("elRADIO").checked ? "block": "none";
|
|
01/12/2009, 10:43
| |||
| |||
| Respuesta: Mostrar / Esconder DIV cuando activo Radio button ? Ok, al parecer estoy muy cerca, lo hice así.... pero aun queda un tema : Cita: function showcompany() { document.getElementById('companyfield').style.disp lay = "block"; } function hidecompany(){ document.getElementById('companyfield').style.disp lay = "none"; } <body onload="hidecompany()"> <input type="radio" name="profile" id="radio" value="S" onclick="hidecompany()"/> <input type="radio" name="profile" id="radio2" value="H" onclick="showcompany()"/> <div id="companyfield"> texto a mostrar </div> Pero el problema es que cuando cargo la pagina, durante unos 2 segundos se muestra todavia el campo y luego desaparece.. yo quiero que no aparezca desde un inicio absolutamente nada del div... y luego ya al clikear el radiobutton indicado, se muestre... cómo hago ? |
|
01/12/2009, 10:47
| |||
| |||
| Respuesta: Mostrar / Esconder DIV cuando activo Radio button ? HEY LO HICE !! Gracias Zerokilled !! aqui va : sólo tuve que cambiar el tag del mismoDIV poniendo su estado inicial en no mostrar, incluso borre el <body onload"...."> <div id="companyfield" style="display:none"> texto a mostrar </div> |
|
01/12/2009, 11:10
| ||||
| ||||
| Respuesta: Mostrar / Esconder DIV cuando activo Radio button ?  bien, al menos lo intentastes solo!
__________________ la maldad es una virtud humana, y la espiritualidad es la lucha del hombre contra su maldad. |
|
01/12/2009, 12:48
| |||
| |||
| Respuesta: Mostrar / Esconder DIV cuando activo Radio button ? Cita: si si si .. siempre lo intento solo, pero cuando no puedo no dudo en buscar apoo de inmediato. de hecho al inicio no puse mi primer intento pues sabia que estaba de saque totalmente mal, asi que preferi tener una pista inicial... gracias de nuevo
Iniciado por zerokilled bien, al menos lo intentastes solo! |
