Tema: Problema con internet explorer
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 04/04/2011, 18:05
Avatar de monomix
monomix
 
Fecha de Ingreso: abril-2011
Mensajes: 3
Antigüedad: 13 años, 9 meses
Puntos: 0
Pregunta Problema con internet explorer
hola amigos soy nuevo y resulta que tengo esta funcion y el problema es que no se ejecuta en internet explorer.

informacion.js
Código Javascript: 
Ver original
  1. var et=0;
  2. var i=[1,1,1];
  3. function info(elementos, id)
  4. {
  5.     var c = et;
  6.     et += elementos;
  7.     var nom,idt,inp='',tope=0,alm;
  8.     tipo='info';
  9.     switch(id)
  10.     {
  11.         case 0:
  12.             nom=['carrera','institucion','grado','titulo'];
  13.             idt='tabla'+0;          
  14.         break;
  15.         case 1:
  16.             nom=['cargo','lempresa','pais','vinc','desv'];
  17.             idt='tabla'+1;
  18.         break;
  19.         case 2:
  20.             nom=['nproyecto','pempresa','rol','aeva'];
  21.             idt='tabla'+2;
  22.         break;
  23.     }
  24.     var TABLE = document.getElementById(idt);
  25.     alert(TABLE.id);
  26.     var TROW = document.getElementById(idt);
  27.     var newRow = TABLE.insertRow(-1);
  28.     var newCell;
  29.     var n;
  30.     while(c<et)
  31.     {
  32.         newCell = newRow.insertCell(newRow.cells.length);
  33.         inp = document.createElement('input');
  34.         inp.setAttribute('name',nom[tope]+i[id]);
  35.         newCell.appendChild(inp);
  36.         alert('name: '+inp.name);
  37.         ++c;
  38.         ++tope;
  39.     }
  40.     ++i[id];
  41. }

prueba.html
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <title>Probando DOM y JQuery</title>
  7. <link rel="stylesheet" href="Style.css" type="text/css" media="screen" charset="utf-8" />
  8. <script type="text/javascript" src="informacion.js"></script>
  9. </head>
  10. <body>
  11.     <div id="contenedorAcademico">
  12.         <div id="info">
  13.         <table border="0" id="tabla0">
  14.             <tr id="celda0">
  15.                 <td>Carrera</td>
  16.                 <td>Isntitución</td>
  17.                 <td>Grado</td>
  18.                 <td>Titulo</td>
  19.             </tr>
  20.             <tr>
  21.                 <td><input name="carrera0" type="text"  /></td>
  22.                 <td><input name="institucion0" type="text"  /></td>
  23.                 <td><input name="grado0" type="text"  /></td>
  24.                 <td><input name="titulo0" type="text"  /></td>
  25.             </tr>
  26.             
  27.         </table>
  28.         </div>
  29.     <div id="botones">
  30.     <input type="button" value="+" name="btmAgregar" onclick="info(4,0);">
  31.     </div>
  32.     <div id="info">
  33.         <table border="0" id="tabla1">
  34.             <tr id="celda1">
  35.                 <td>Cargo</td>
  36.                 <td>Empresa</td>
  37.                 <td>Pais</td>
  38.                 <td>Vinculación</td>
  39.                 <td>Desvinculación</td>
  40.             </tr>
  41.             <tr>
  42.                 <td><input name="cargo0" type="text"  /></td>
  43.                 <td><input name="lempresa0" type="text"  /></td>
  44.                 <td><input name="pais0" type="text"  /></td>
  45.                 <td><input name="vinc0" type="text"  /></td>
  46.                 <td><input name="desv0" type="text"  /></td>
  47.             </tr>
  48.             
  49.         </table>
  50.         </div>
  51.     <div id="botones">
  52.     <input type="button" value="+" name="btmAgregar" onclick="info(5,1);">
  53.     </div>
  54.     <div id="info">
  55.         <table border="0" id="tabla2">
  56.             <tr id="celda2">
  57.                 <td>Nombre proyecto</td>
  58.                 <td>Empresa</td>
  59.                 <td>Rol</td>
  60.                 <td>Año de evaluación</td>
  61.             </tr>
  62.             <tr>
  63.                 <td><input name="nproyecto0" type="text"  /></td>
  64.                 <td><input name="pempresa0" type="text"  /></td>
  65.                 <td><input name="rol0" type="text"  /></td>
  66.                 <td><input name="aeva0" type="text"  /></td>
  67.             </tr>
  68.             
  69.         </table>
  70.         </div>
  71.     <div id="botones">
  72.     <input type="button" value="+" name="btmAgregar" onclick="info(4,2);">
  73.     </div>
  74.     </div>
  75. </body>
  76. </html>

Style.css
Código CSS: 
Ver original
  1. #contenedorAcademico { margin:auto; width:900px; padding-top:20px; text-align:center;}
  2. #info {padding: 10px;  margin-bottom: 20px; border: 1px solid #CCC;}
  3. #tabla0 {margin:auto}
  4. #tabla1 {margin:auto}
  5. #tabla2 {margin:auto}
  6. #celda0 {background: #003; color:#FFF; font-family:Arial; font-size:10pt;}
  7. #celda1 {background: #003; color:#FFF; font-family:Arial; font-size:10pt;}
  8. #celda2 {background: #003; color:#FFF; font-family:Arial; font-size:10pt;}
  9. #botones {margin:auto; width: 300px; text-align:center;}

Ojala me puedan ayudar... y tambien espero que les sirva la funcion, es bien practica pero hay que optimizarla para internet explorer

a todo esto no tengo mucho experiencia y gracias a esta web eh aprendido muchas cosas .

Muchas gracias de antemano.