Foros del Web » Programando para Internet » Javascript »

insertar div y texto dentro de una celda al seleccionar radio

Estas en el tema de insertar div y texto dentro de una celda al seleccionar radio en el foro de Javascript en Foros del Web. hola amigos anteriormente realize una pregunta sobre algo similar pero insertanto imagen y utilizandon checkbox ahora es usando radio http://www.forosdelweb.com/f13/como-...ntbyid-561290/ <table> <tr> <td> <div id="estadouser"> ...
  #1 (permalink)  
Antiguo 03/03/2008, 20:58
Avatar de chalchis  
Fecha de Ingreso: julio-2003
Mensajes: 1.773
Antigüedad: 20 años, 9 meses
Puntos: 21
Pregunta insertar div y texto dentro de una celda al seleccionar radio

hola amigos anteriormente realize una pregunta sobre algo similar pero insertanto imagen y utilizandon
checkbox ahora es usando radio

http://www.forosdelweb.com/f13/como-...ntbyid-561290/

<table>
<tr>
<td>
<div id="estadouser"> </div>
</td>
</tr>
</table>


<table width="235" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
Activo
</td>
<td width="31">
<input type="radio" name="estatususer" id="rad1" onclick="agregarstatus('rad1','Activo')" style="cursor:pointer;" value="1" />
</td>
</tr>
<tr>
<td>
Inactico
</td>
<td width="31">
<input type="radio" name="estatususer" id="rad2" onclick="agregarstatus('rad2','Inactico')" style="cursor:pointer;" value="2" />
</td>
</tr>

</table>

el problema es que no quita el div anterior al oprimiar otro radio


var actualradio
function agregarstatus(estID,txst)
{

if(actualradio!=null)
{
alert(actualradio);
quitarstatus(estID);
}

actualradio=estID;
var capastatus=document.createElement("div");
capastatus.id=estID;
capastatus.style.width="50px";
capastatus.style.height="10px";
capastatus.style.backgroundColor="rgb(204, 204, 204)";
var textocapa = document.createTextNode(txst);
capastatus.appendChild(textocapa);
var divzona = document.getElementById('estadouser');
divzona.appendChild(capastatus);


}

function quitarstatus(id)
{
nodost=document.getElementById(id);
nodost.parentNode.removeChild(nodost);
}

espero sus comentarios amigos
saludos
__________________
gerardo

Última edición por chalchis; 03/03/2008 a las 21:04
  #2 (permalink)  
Antiguo 03/03/2008, 21:31
Avatar de chalchis  
Fecha de Ingreso: julio-2003
Mensajes: 1.773
Antigüedad: 20 años, 9 meses
Puntos: 21
Sonrisa Re: insertar div y texto dentro de una celda al seleccionar radio

bueno creo que ya quedo resuelto
espero sus comentarios

function agregarstatus(estID,txst)
{
var el = document.getElementById("estadouser");
if (el.hasChildNodes())
{
el.removeChild(el.lastChild);
}
var text = document.createTextNode(txst);
el.appendChild(text);

}

he aqui la nota

Trabajando con Nodos de Texto

Vamos a empezar con un nodo de texto. Abajo hay un código de ejemplo mostrando cómo crear un nodo de texto y asignarle un valor.

var myTextNode = document.createTextNode("my text");

Ahora tienes un nodo de texto. Pero no es parte del árbol del documento. Para hacer que aparezca en la página, necesitas agregarlo como un hijo de un nodo existente dentro del árbol. Como los nodos de texto no pueden tener nodos hijos, no puedes agregárselo a otro nodo de texto. Los nodos atributos no son parte del árbol del documento, por lo que tampoco puedes agregarles nuevos nodos. Ésto nos deja sólo los nodos de tipo elemento.

Puesto que los nodos elemento pueden tener varios hijos, son proporcionados unos cuantos métodos diferentes que te permiten especificar dónde añadir los nuevos nodos entre sus hijos existentes.

http://kusor.net/traducciones/brainj...rodom5.es.html
__________________
gerardo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:58.