Foros del Web » Creando para Internet » HTML »

Problemas con innerHTML

Estas en el tema de Problemas con innerHTML en el foro de HTML en Foros del Web. Hola a todos tengo un pequeno problema, bueno tengo un div el cual tiene dentro un formulario dentro de este hay varios checkbox, el problema ...
  #1 (permalink)  
Antiguo 14/07/2011, 18:37
 
Fecha de Ingreso: julio-2011
Mensajes: 13
Antigüedad: 13 años, 4 meses
Puntos: 0
Problemas con innerHTML

Hola a todos tengo un pequeno problema, bueno tengo un div el cual tiene dentro un formulario dentro de este hay varios checkbox, el problema es que capturo el contenido del div en una funcion javascript asi " texto = document.getElementById("frmlab").innerHTML " y cuando intento validar un check no me hace nada osea es como si los check no existieran.... gracias desde ahora..
  #2 (permalink)  
Antiguo 14/07/2011, 20:27
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 15 años
Puntos: 34
Respuesta: Problemas con innerHTML

Creo que esto corresponde mas a JavaScript que a HTML.
Podrias pasarnos el codigo completo? Y muestranos que muestra la variable 'texto'.

Un saludo
  #3 (permalink)  
Antiguo 14/07/2011, 20:50
 
Fecha de Ingreso: julio-2011
Mensajes: 13
Antigüedad: 13 años, 4 meses
Puntos: 0
Respuesta: Problemas con innerHTML

bueno como es mas parte html por eso no lo postie ahi.. la variable texto como especifica arriba captura el div completo aqui va el codigo del div.

texto = document.getElementById("frmlab").innerHTML

Código HTML:
Ver original
  1. <div id="frmlab">
  2.  
  3.  <form id="laboratorio" name="laboratorio" >
  4. <table width="556" bgcolor="#EBF3CF" border="0">
  5.   <tr>
  6.     <td height="74" colspan="5" ><table width="559" height="89" border="0">
  7.       <tr>
  8.         <td width="212" background="logo1.png" style="background-repeat:no-repeat"><p>&nbsp;</p>
  9.           <p>&nbsp;</p></td>
  10.         <td  background="logo2.png" style="background-repeat:no-repeat" width="337"><p>&nbsp;</p>
  11.           <p>&nbsp;</p></td>
  12.       </tr>
  13.     </table></td>
  14.   </tr>
  15.   <tr>
  16.     <td background="raya.png" width="196" align="right"><strong class="style2">HEMOGRAMA</strong></td>
  17.     <td width="7" align="right">&nbsp;</td>
  18.     <td background="raya.png" width="160" align="right"><strong class="style2">QUIMICA ESPECIAL</strong></td>
  19.     <td  width="6" align="right">&nbsp;</td>
  20.     <td background="raya.png" width="172" align="right" ><strong class="style2">SEROLOGIA</strong></td>
  21.   </tr>
  22.   <tr>
  23.     <td align="right">Hemograma
  24.       <input type="checkbox" name="c1" id="c1" value="Hemograma" /></td>
  25.     <td colspan="2" align="right">HTVL
  26.       <input name="45" type="checkbox" id="45" value="HTVL" /></td>
  27.     <td colspan="2" align="right">FTABS
  28.       <input name="74" type="checkbox" id="74" value="FTABS" /></td>
  29.   </tr>
  30.   <tr>
  31.     <td align="right">Diferencial
  32.       <input name="2" type="checkbox" id="2" value="Diferencial" /></td>
  33.     <td colspan="2" align="right">Toxo-M
  34.       <input name="46" type="checkbox" id="46" value="Toxo-M " /></td>
  35.     <td colspan="2" align="right">Influenza
  36.       <input name="75" type="checkbox" id="75" value="Influenza" /></td>
  37.   </tr>
  38.   <tr>
  39.     <td align="right">Plaquetas
  40.       <input name="3" type="checkbox" id="3" value="Plaquetas" /></td>
  41.     <td colspan="2" align="right">Toxo-G
  42.       <input name="47" type="checkbox" id="47" value="Toxo-G " /></td>
  43.     <td colspan="2" align="right">PCR
  44.       <input name="76" type="checkbox" id="76" value="PCR" /></td>
  45.   </tr>
  46.   <tr>
  47.     <td align="right">Gota Gruesa
  48.       <input name="4" type="checkbox" id="4" value="Gota Gruesa " /></td>
  49.     <td colspan="2" align="right">T3
  50.       <input name="48" type="checkbox" id="48" value="T3" /></td>
  51.     <td colspan="2" align="right">RA
  52.       <input name="77" type="checkbox" id="77" value="RA" /></td>
  53.   </tr>
  54.   <tr>
  55.     <td align="right">Reticulositos
  56.       <input name="5" type="checkbox" id="5" value="Reticulositos " /></td>
  57.     <td colspan="2" align="right">T4
  58.       <input name="49" type="checkbox" id="49" value="T4" /></td>
  59.     <td colspan="2" align="right">Prueba de Embarazo
  60.       <input name="78" type="checkbox" id="78" value="Prueba de Embarazo " /></td>
  61.   </tr>
  62.   <tr>
  63.     <td align="right">Eritrosendimentación
  64.     <input name="6" type="checkbox" id="6" value="Eritrosendimentación" /></td>
  65.     <td colspan="2" align="right">T4 Libre
  66.       <input name="50" type="checkbox" id="50" value="T4 Libre" /></td>
  67.     <td colspan="2" align="right">COOMBS-Dir
  68.       <input name="79" type="checkbox" id="79" value="COOMBS-Dir " /></td>
  69.   </tr>
  70.   <tr>
  71.     <td align="right">Tipificación    
  72.      <input name="7" type="checkbox" id="7" value="Tipificación" /></td>
  73.     <td colspan="2" align="right">Lectospira IGG
  74.       <input name="51" type="checkbox" id="51" value="Lectospira IGG " /></td>
  75.     <td colspan="2" align="right">COOMBS-Indir
  76.       <input name="80" type="checkbox" id="80" value="COOMBS-Indir " /></td>
  77.   </tr>
  78.   <tr>
  79.     <td align="right">T. Sangria
  80.       <input name="8" type="checkbox" id="8" value="T. Sangria " /></td>
  81.     <td colspan="2" align="right">Leptospira IGM
  82.       <input name="52" type="checkbox" id="52" value="Leptospira IGM " /></td>
  83.     <td colspan="2" align="right">Monotest
  84.       <input name="81" type="checkbox" id="81" value="Monotest" /></td>
  85.   </tr>
  86.   <tr>
  87.     <td align="right">T. Coagulación
  88.       <input name="9" type="checkbox" id="9" value="T. Coagulación " /></td>
  89.     <td colspan="2" align="right">Dengue IGG
  90.       <input name="53" type="checkbox" id="53" value="Dengue IGG " /></td>
  91.     <td colspan="2" align="right">Cel. LE
  92.       <input name="82" type="checkbox" id="82" value="Cel. LE " /></td>
  93.   </tr>
  94.   <tr>
  95.     <td align="right">T. Protrombina
  96.       <input name="10" type="checkbox" id="10" value="T. Protrombina " /></td>
  97.     <td colspan="2" align="right">Dengue IGM
  98.       <input name="54" type="checkbox" id="54" value="Dengue IGM " /></td>
  99.     <td colspan="2" align="right">ASO
  100.       <input name="83" type="checkbox" id="83" value="ASO" /></td>
  101.   </tr>
  102.   <tr>
  103.     <td align="right">T. P Tromboplastina
  104.       <input name="11" type="checkbox" id="11" value="T. P Tromboplastina " /></td>
  105.     <td colspan="2" align="right">TSH      
  106.     <input name="55" type="checkbox" id="55" value="TSH" /></td>
  107.     <td colspan="2" align="right">R. Widal
  108.       <input name="84" type="checkbox" id="84" value="R. Widal " /></td>
  109.   </tr>
  110.   <tr>
  111.     <td align="right">Fribrinógeno
  112.       <input name="12" type="checkbox" id="12" value="Fribrinógeno " /></td>
  113.     <td colspan="2" align="right">LH      
  114.     <input name="56" type="checkbox" id="56" value="LH" /></td>
  115.     <td colspan="2" align="right">VDRL
  116.       <input name="85" type="checkbox" id="85" value="VDRL" /></td>
  117.   </tr>
  118.   <tr>
  119.     <td align="right">Falcemia
  120.       <input name="13" type="checkbox" id="13" value="Falcemia" /></td>
  121.     <td colspan="2" align="right">FSH      
  122.     <input name="57" type="checkbox" id="57" value="FSH" /></td>
  123.     <td colspan="2" align="right">H.Pylori
  124.       <input name="86" type="checkbox" id="86" value="H.Pylori " /></td>
  125.   </tr>
  126.   <tr>
  127.     <td align="right">Eosinofilos
  128.       <input name="14" type="checkbox" id="14" value="Eosinofilos" /></td>
  129.     <td colspan="2" align="right">HIV 1.2    
  130.     <input name="58" type="checkbox" id="58" value="HIV 1.2 " /></td>
  131.     <td align="right">&nbsp;</td>
  132.     <td background="raya.png" align="right"><strong class="style2">MICROBIOLOGIA</strong></td>
  133.   </tr>
  134. <!--</div>-->
  135. </form>  
  136. </div>


la variable texto carga todo eso y quiero mendiante un funcion acceder a los check activos para actualizar un objeto, pero cuando utilizo la fucion es como si no existiera los check no funciona y lo prove a parte y si funciona pero cuando la inserto mediante innerHTML pasa eso..

funcion javascript
Código Javascript:
Ver original
  1. function capturar(){
  2.    
  3. for (i=0;i<document.forms['laboratorio'].elements.length;i++){
  4.         if(document.forms['laboratorio'].elements[i].type == "checkbox"){
  5.         if(document.forms['laboratorio'].elements[i].checked==true){
  6.             alert(document.forms['laboratorio'].elements[i].value);
  7.                 }
  8.     }
  9.     }
  10. }

espero entiendas y puedas ayudarme tuve que acortar el codigo por que es muy largo faltan checkbox pero para el ejemplo basta...gracias.
  #4 (permalink)  
Antiguo 14/07/2011, 21:17
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 15 años
Puntos: 34
Respuesta: Problemas con innerHTML

El codigo esta perfecto. Cuando se ejecuta la funcion capturar ?
  #5 (permalink)  
Antiguo 15/07/2011, 04:46
 
Fecha de Ingreso: julio-2011
Mensajes: 13
Antigüedad: 13 años, 4 meses
Puntos: 0
Respuesta: Problemas con innerHTML

ok <div id='frmlab'> lo cargo en la variable (texto) la cual se la paso un objeto popup que cree en el popup tengo un boton que llama la funcion capturar() lo curioso del caso es que cuando ejecuto la funcion capturar() solamente se ejectua esta parte.
Código Javascript:
Ver original
  1. function capturar(){
  2.        
  3.     for (i=0;i<document.forms['laboratorio'].elements.length;i++){
  4.             if(document.forms['laboratorio'].elements[i].type == "checkbox"){
  5.            
  6.   //esta parte no se esta ejecutando
  7.   //----------------------------------------------------------------------------------
  8.        if(document.forms['laboratorio'].elements[i].checked==true){
  9.                 alert(document.forms['laboratorio'].elements[i].value);
  10.                     }
  11.  //---------------------------------------------------------------------------------
  12.  
  13.        }
  14.      }
  15.     }

tengo varios check como indica ahi arriba, la longitud me da la cantidad de objetos hasta ahi bamos bien pero cuando intenta ver los que estan checked=true ahi no me sale nada aunque todos esten true, me parace que el problema es del innerHTML.. pero estoy confundido...
  #6 (permalink)  
Antiguo 15/07/2011, 15:17
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 15 años
Puntos: 34
Respuesta: Problemas con innerHTML

Yo creo que el problema viene de que le pasas una variable a capturar. Se me ocurre que hagas un evento onclick en el boton de enviar que ejecute la funcion capturar() y lo que la funcion recoja lo metas en una variable y sea esa variable la que pasas al popup.

Saludos :)
  #7 (permalink)  
Antiguo 15/07/2011, 20:05
 
Fecha de Ingreso: julio-2011
Mensajes: 13
Antigüedad: 13 años, 4 meses
Puntos: 0
Respuesta: Problemas con innerHTML

ok entiendo provare a ver que pasa, gracias mariomon17 por tu ayuda...
  #8 (permalink)  
Antiguo 15/07/2011, 23:34
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 2 meses
Puntos: 381
Respuesta: Problemas con innerHTML

Buenas

pero ... el contenido de la variable texto lo insertas en el documento de la popup? ¿o estás trabajando sólo con la variable?

No me queda clara cuál es el objetivo de todo esto, pero si es alguna validación a realizar desde la popup ¿por qué directamente no recoges los datos de la opener?
__________________
Javascript Códigos - Bambú difunde

Etiquetas: checkbox, innerhtml, formulario
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 04:43.