Foros del Web » Programando para Internet » Jquery »

creacion de elementos con json,jquery, php, NO FUNCIONA EN LINUX con el IE10?

 Estas en el tema de creacion de elementos con json,jquery, php, NO FUNCIONA EN LINUX con el IE10? en el foro de Jquery en Foros del Web. El codigo jquery es el siguiente: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original /* CrearNuevaCopia Fecha: 22/07/2013 id: id de la tabla donde crearemos los ...
  #1 (permalink)  
Antiguo 22/07/2013, 08:01
 
Fecha de Ingreso: junio-2009
Ubicación: Bolivia
Mensajes: 96
Antigüedad: 15 años, 6 meses
Puntos: 0
creacion de elementos con json,jquery, php, NO FUNCIONA EN LINUX con el IE10?
El codigo jquery es el siguiente:
Código Javascript: 
Ver original
  1. /*
  2. CrearNuevaCopia
  3. Fecha: 22/07/2013
  4. id: id de la tabla donde crearemos los objetos
  5. id_tipo: id del tipo de destinatario, el cual lo obtenemos de una tabla a traves json
  6. id_total: cantidad de objetos creados
  7. */
  8. var contador = 0;
  9. function CrearNuevaCopia(id,id_tipo,id_total)
  10. {   
  11.     //alert('holas ingreso a la funcion');
  12.     //obtenemos la tabla donde guardaremos a los hijos creados    
  13.     var tabla =  $('#' + id);
  14.     var indice = document.getElementById(id_tipo).selectedIndex;
  15.     //var miArray = new Array(); 
  16.     if(indice != 0)
  17.     {
  18.       //miArray[contador] = indice; 
  19.     
  20.       alert('holas ingreso');
  21.       var destinatario = "codigo" + contador;   
  22.        
  23.       //creamos primero la fila con jquery         
  24.       var fila = $('<tr>'); 
  25.       alert('esto es la fila'+ fila);
  26.       //ahora creamos el elemento th
  27.       var th = $('<tr>');
  28.       //le asignamos a th la clase css 
  29.       th.addClass('Estilo4');             
  30.       // ahora creamos un div el cual sera el hijo de th
  31.       var div = $('<tr>');
  32.       //le asignamos un atributo a ese div
  33.       div.attr('align','right');
  34.       //creamos un parrafo
  35.       var p = $('<p>');        
  36.       var contenido = "Destinatario";      
  37.       p.append(contenido);
  38.       //lo guardamos dentro del div            
  39.       div.append(p);      
  40.       //el div lo colocamos como hijo del th
  41.       th.append(div);
  42.       //colocamos todo el th como hijo de la fila
  43.       fila.append(th);
  44.       //creamos otro hijo, que sera el 2do hijo del tr,
  45.       //el cual es un elemento td
  46.       var td = $('<td>');
  47.       //creamos un hijo de td que es el elemento div
  48.       var div = $('<div>');
  49.       //colocamos el atributo que queremos
  50.       div.attr('align','left');
  51.       //ahora creamos el elemento select
  52.       var miselect = $('<select>');
  53.       //le asignamos valores a sus atributos
  54.       miselect.attr('id',destinatario);
  55.       miselect.attr('name',destinatario);
  56.       
  57.       $.post("cargar_json_select_remitentes.php",{tipo:indice},
  58.       function(data) {
  59.                      miselect.empty();
  60.                      for (var i=0; i<data.length; i++) 
  61.                      {
  62.                       miselect.append('<option value="' + data[i].id + '">' + data[i].literal + '</option>');
  63.                      }
  64.                     }, "json");   
  65.         
  66.       //boton.attr('name','adjuntos'+'[]'); 
  67.       div.append(miselect);
  68.       //creamos un elemento hijo para guardar los datos del tipo de destinatario
  69.       var oculto = $('<input>');
  70.           oculto.attr('type','hidden');
  71.           oculto.attr('name','tipo'+ contador);
  72.           oculto.attr('id','tipo'+ contador);
  73.           oculto.attr('value',indice);
  74.       //adicionando el campo oculto donde se guardara el tipo de remitente  
  75.           div.append(oculto);                       
  76.           td.append(div);
  77.           fila.append(td);           
  78.      tabla.append(fila);    
  79.      contador = contador + 1;                         
  80.      document.getElementById(id_total).value = contador;        
  81.     }
  82.     else
  83.     {
  84.      alert("Introduzca el tipo de remitente");    
  85.     }
  86. }

el archivo json con php tiene lo siguiente:
Código PHP: 
Ver original
  1. <?php
  2.     require_once('librerias/control_sesion.php'); 
  3.     include ('conn.php');           
  4.     //Obteniendo el tipo de remitentes que vamos a generar
  5.     //a traves de jquery
  6.     $tipo = $_REQUEST['tipo'];
  7.     $tipo = 4;       
  8.     if($tipo==1)
  9.     {
  10.      $consulta = "SELECT n_cod_ger As codigo,c_desc_ger As descripcion 
  11.                   FROM ta_gerencia
  12.                   WHERE d_fecha_eliminacion IS NULL ORDER BY c_desc_ger asc";                                            
  13.     }
  14.     if($tipo==2)
  15.     {
  16.      $consulta = "SELECT n_cod_dpto As codigo,c_desc_dpto As descripcion 
  17.                   FROM ta_departamento
  18.                   WHERE d_fecha_eliminacion IS NULL ORDER BY c_desc_dpto asc";                                               
  19.     }
  20.     if($tipo==3)
  21.     {
  22.      $consulta = "SELECT n_cod_div As codigo,c_desc_div As descripcion 
  23.                   FROM ta_division                  
  24.                   WHERE d_fecha_eliminacion IS NULL ORDER BY c_desc_div asc";                                            
  25.     }
  26.     if($tipo==4)
  27.     {
  28.      $consulta = "SELECT n_id_emp As codigo,c_nombres As nombres,c_paterno As paterno,
  29.                   c_materno As materno 
  30.                   FROM ta_empleado                  
  31.                   WHERE d_fecha_baja IS NULL AND n_eliminado = 0 ORDER BY c_nombres asc";                                            
  32.     }
  33.                                      
  34.     $sqlCombo = mysql_query($consulta);  
  35.     $i= 0;
  36.     
  37.     if($tipo != 4)
  38.     {                
  39.       while($FilaCombo = mysql_fetch_array($sqlCombo)) 
  40.       {             
  41.         $datos[$i] = array('id'=>$FilaCombo['codigo'],'literal'=>utf8_encode($FilaCombo['descripcion']));
  42.         $i++;           
  43.       }             
  44.     }
  45.     else
  46.     {
  47.      while($FilaCombo = mysql_fetch_array($sqlCombo)) 
  48.      {  
  49.         $literal = utf8_encode($FilaCombo['nombres'])." ".utf8_encode($FilaCombo['paterno'])." ".utf8_encode($FilaCombo['materno']);            
  50.         $datos[$i] = array('id'=>$FilaCombo['codigo'],'literal'=>$literal);
  51.         $i++;           
  52.      }
  53.     }
  54.     echo json_encode($datos);   
  55. ?>
  #2 (permalink)  
Antiguo 22/07/2013, 08:04
 
Fecha de Ingreso: junio-2009
Ubicación: Bolivia
Mensajes: 96
Antigüedad: 15 años, 6 meses
Puntos: 0
Respuesta: creacion de elementos con json,jquery, php, NO FUNCIONA EN LINUX con el IE
y el codigo html donde muestro los elementos creados dinamicamente es:

Código HTML: 
Ver original
  1. <center>
  2. <table>
  3.   <tbody bgcolor="#EBF3F5">  
  4.    <tr>
  5.       <th class="Estilo4"><div align="right">
  6.         <div align="right" class="form-row">Hoja de Ruta Nro.*</div>
  7.       </div></th>
  8.                   
  9.       <td>
  10.       <div align="left"> 
  11.     
  12.      <input type="text" readonly="readonly" name="txNrocite2" id="txNrocite2" size="8" value = "<?php echo $nro; ?>">  
  13.      <input type="hidden" name="txNrocite" id="txNrocite" value = "<?php echo $nro; ?>">
  14.       <input type="hidden" name="txAno" id="txAno" value = "<?php echo $ano; ?>">
  15.       </div></td>     
  16.      <th class="Estilo4"><div  class="rowElem"></div></th>                
  17.       <td>
  18.        <div align="left">     
  19.         
  20.         </div>
  21.       </td>
  22.     </tr>
  23.   
  24.   
  25.     <tr>
  26.       <th class="Estilo4"><div align="right"></div></th>                  
  27.       <td>
  28.       <div align="left"><a href="#" id="adjunto" onclick = "CrearNuevaCopia('destinatarios','txTipo','txNroRemitentes');">                                  
  29.               <img src="imagenes/adicionar2.png" alt="Adicionar" longdesc="Adicionar"/>                            
  30.         </a></div></td>   
  31.      <th class="Estilo4"><div  class="rowElem">Destinatario</div></th>                
  32.       <td>
  33.        <div align="left">     
  34.          <select name="txTipo" id = "txTipo" class="texto" >
  35.  
  36.             <?php LlenaTipoDestinatarios(); ?>
  37.           
  38.          </select>
  39.         </div>
  40.       </td>
  41.     </tr>
  42.     
  43.                                       
  44.    </tbody>
  45. </table>
  46. </center>
  47.  
  48. <center>
  49. <table id="destinatarios">
  50.   <tbody bgcolor="#EBF3F5">                                                           
  51.   </tbody>      
  52. </table>
Funciona este codigo en Internet explorer 10 y firefox en un servidor de windows, sin embargo no me funciona en un servidor de linux(ubuntu) con EL INTERNET EXPLORER 10, PERO SI PARA FIREFOX, revisando con el firefox no encuentra ningun error, quisiera saber cual es el origen del error en el Internet explorer 10.
saludos y gracias de antemano
  #3 (permalink)  
Antiguo 22/07/2013, 08:47
 
Fecha de Ingreso: junio-2009
Ubicación: Bolivia
Mensajes: 96
Antigüedad: 15 años, 6 meses
Puntos: 0
Respuesta: creacion de elementos con json,jquery, php, NO FUNCIONA EN LINUX con el IE
Como nadie me pudo responder, encontre errores en la funcion de jquery y la correcta es:
Código Javascript: 
Ver original
  1. /*
  2. CrearNuevaCopia
  3. Fecha: 22/07/2013
  4. id: id de la tabla donde crearemos los objetos
  5. id_tipo: id del tipo de destinatario, el cual lo obtenemos de una tabla a traves json
  6. id_total: cantidad de objetos creados
  7. */
  8. var contador = 0;
  9. function CrearNuevaCopia(id,id_tipo,id_total)
  10. {   
  11.     //alert('holas ingreso a la funcion');
  12.     //obtenemos la tabla donde guardaremos a los hijos creados    
  13.     var tabla =  $('#' + id);
  14.     var indice = document.getElementById(id_tipo).selectedIndex;
  15.     //var miArray = new Array(); 
  16.     if(indice != 0)
  17.     {
  18.       //miArray[contador] = indice; 
  19.     
  20.       //alert('holas ingreso');
  21.       var destinatario = "codigo" + contador;          
  22.       //creamos primero la fila con jquery         
  23.       var fila = $('<tr>'); 
  24.       //ahora creamos el elemento th
  25.       var th = $('<th>');     
  26.       //alert('esto es la fila'+ th);
  27.       //le asignamos a th la clase css 
  28.       th.addClass('Estilo4');             
  29.       // ahora creamos un div el cual sera el hijo de th
  30.       var div = $('<div>');
  31.       //le asignamos un atributo a ese div
  32.       div.attr('align','right');
  33.       //creamos un parrafo
  34.       var p = $('<p>');        
  35.       var contenido = "Destinatario";      
  36.       p.append(contenido);
  37.       //lo guardamos dentro del div            
  38.       div.append(p);      
  39.       //el div lo colocamos como hijo del th
  40.       th.append(div);
  41.       //colocamos todo el th como hijo de la fila
  42.       fila.append(th);
  43.       //creamos otro hijo, que sera el 2do hijo del tr,
  44.       //el cual es un elemento td
  45.       var td = $('<td>');
  46.       //creamos un hijo de td que es el elemento div
  47.       var div = $('<div>');
  48.       //colocamos el atributo que queremos
  49.       div.attr('align','left');
  50.       //ahora creamos el elemento select
  51.       var miselect = $('<select>');
  52.       //le asignamos valores a sus atributos
  53.       miselect.attr('id',destinatario);
  54.       miselect.attr('name',destinatario);
  55.       
  56.       $.post("cargar_json_select_remitentes.php",{tipo:indice},
  57.       function(data) {
  58.                      miselect.empty();
  59.                      for (var i=0; i<data.length; i++) 
  60.                      {
  61.                       miselect.append('<option value="' + data[i].id + '">' + data[i].literal + '</option>');
  62.                      }
  63.                     }, "json");   
  64.         
  65.       //boton.attr('name','adjuntos'+'[]'); 
  66.       div.append(miselect);
  67.       //creamos un elemento hijo para guardar los datos del tipo de destinatario
  68.       var oculto = $('<input>');
  69.           oculto.attr('type','hidden');
  70.           oculto.attr('name','tipo'+ contador);
  71.           oculto.attr('id','tipo'+ contador);
  72.           oculto.attr('value',indice);
  73.       //adicionando el campo oculto donde se guardara el tipo de remitente  
  74.           div.append(oculto);                       
  75.           td.append(div);
  76.           fila.append(td);           
  77.      tabla.append(fila);    
  78.      contador = contador + 1;                         
  79.      document.getElementById(id_total).value = contador;        
  80.     }
  81.     else
  82.     {
  83.      alert("Introduzca el tipo de remitente");    
  84.     }
  85. }
salu2 a todos

Etiquetas: elementos, html, linux, mysql, php, registro, select, sql, tabla
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


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 13:05.