Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Agregar y Quitar valor de Chekbox en un Iframe

Estas en el tema de Agregar y Quitar valor de Chekbox en un Iframe en el foro de Javascript en Foros del Web. tengo un pequeño problema con una funcion en javascript que quiero resolver y de tanto buscar no encontre forma de hacerlo o guiarme. Tengo 2 ...
  #1 (permalink)  
Antiguo 02/05/2014, 11:26
 
Fecha de Ingreso: mayo-2014
Mensajes: 13
Antigüedad: 8 años, 8 meses
Puntos: 1
Agregar y Quitar valor de Chekbox en un Iframe

tengo un pequeño problema con una funcion en javascript que quiero resolver y de tanto buscar no encontre forma de hacerlo o guiarme.

Tengo 2 checkbox y un iframe...

al chequear una de las casilla me aparece el valor en el iframe y cuando desmarco se borra

pero el problema existe cuando selecciono una serie de casillas ya que necesito que si el usuario desmarca alguna de las opciones solo se borre el valor de la casilla desmarcada y en este ejemplo se borran ambos y no es lo q necesito

el ejemplo del que me guíe lo hicieron a traves de un textarea y funciona bien solo borra el valor desmarcado

sera que me pueden ayudar a resolver mi pequeño problema?

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script>
function submit_form(){

	var theForm = document.getElementById("myform");
	theForm.elements["myTextArea"].value = window.frames['richTextField'].document.body.innerHTML;
	theForm.submit();


}
     function agregar_columna(chexbox){ 
        if  (chexbox.checked){ 
           window.frames['richTextField'].document.body.innerHTML += chexbox.value = ((chexbox.value != '')? ' ':' ')+chexbox.value;
		  	
			//window.frames['richTextField'].document.body.innerHTML = chexbox.value;
        } 
        else{ 
		
         
		 window.frames['richTextField'].document.body.innerHTML = chexbox.value.replace( new  RegExp(chexbox.value,"g" ),''). replace( /^,*/ ,'');
		  
	
        }  
      }

</script>
</head>

<body>
<form  name="myform" id="myform" method="post">
<input type="checkbox" value="Nombre" name="chex[]" onChange="agregar_columna(this)"/>
<input type="checkbox" value="Fecha" name="chex[]" onChange="agregar_columna(this)"/>
<input type="checkbox" value="Apellido" name="chex[]" onChange="agregar_columna(this)"/>
<br/>
<textarea style="display:none;" name="myTextArea" id="myTextArea" cols="100" rows="14" vale=""></textarea>
<iframe name="richTextField" id="richTextField" style="border:#000000 1px solid; width:700px; height:300px;"></iframe>
<br/>
<input name="myBton" type="button" value="Submid Data" onClick="javascript:submit_form();">
</form>
</body>
</html> 
  #2 (permalink)  
Antiguo 02/05/2014, 12:47
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.546
Antigüedad: 11 años, 2 meses
Puntos: 972
Respuesta: Agregar y Quitar valor de Chekbox en un Iframe

Creo que sería más sencillo si utilizaras un array que almacene los valores de los checkbox seleccionado y cada vez que se des-seleccione uno, se retira el valor correspondiente del array. Al final, muestras el contenido del array en el <iframe> uniendo a sus valores con el método join.

Código Javascript:
Ver original
  1. var iframe = window.frames.richTextField,
  2.     content = [];
  3. function agregar_columna(checkbox){
  4.     var position = content.indexOf(checkbox.value);
  5.     if (position > -1)
  6.         content.splice(position, 1);
  7.     else
  8.         content.push(checkbox.value);
  9.    
  10.     iframe.document.body.innerHTML = content.join(', ');
  11. }

DEMO

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 02/05/2014, 14:08
 
Fecha de Ingreso: mayo-2014
Mensajes: 13
Antigüedad: 8 años, 8 meses
Puntos: 1
Respuesta: Agregar y Quitar valor de Chekbox en un Iframe

MIL GRACIAS Alexis88 realmente soy novato en Javascript y no tenia idea de trabajar con Iframes sin embargo guiandome por ejemplos fue que pude que funcionara un 60% pero de verdad muchas gracias

Etiquetas: chekbox, funcion, html, iframe, input, valor
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 18:21.