Problema con internet explorer

monomix · #1 (**permalink**) 04/04/2011, 18:05

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 originalvar et=0;
var i=[1,1,1];
function info(elementos, id)
{
    var c = et;
    et += elementos;
    var nom,idt,inp='',tope=0,alm;
    tipo='info';
    switch(id)
    {
        case 0:
            nom=['carrera','institucion','grado','titulo'];
            idt='tabla'+0;          
        break;
        case 1:
            nom=['cargo','lempresa','pais','vinc','desv'];
            idt='tabla'+1;
        break;
        case 2:
            nom=['nproyecto','pempresa','rol','aeva'];
            idt='tabla'+2;
        break;
    }
    var TABLE = document.getElementById(idt);
    alert(TABLE.id);
    var TROW = document.getElementById(idt);
    var newRow = TABLE.insertRow(-1);
    var newCell;
    var n;
    while(c<et)
    {
        newCell = newRow.insertCell(newRow.cells.length);
        inp = document.createElement('input');
        inp.setAttribute('name',nom[tope]+i[id]);
        newCell.appendChild(inp);
        alert('name: '+inp.name);
        ++c;
        ++tope;
    }
    ++i[id];
}

prueba.html

Código HTML:

Ver original<!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=iso-8859-1" />
<title>Probando DOM y JQuery</title>
<link rel="stylesheet" href="Style.css" type="text/css" media="screen" charset="utf-8" />
<script type="text/javascript" src="informacion.js"></script>
</head>
<body>
    <div id="contenedorAcademico">
        <div id="info">
        <table border="0" id="tabla0">
            <tr id="celda0">
                <td>Carrera</td>
                <td>Isntitución</td>
                <td>Grado</td>
                <td>Titulo</td>
            </tr>
            <tr>
                <td><input name="carrera0" type="text"  /></td>
                <td><input name="institucion0" type="text"  /></td>
                <td><input name="grado0" type="text"  /></td>
                <td><input name="titulo0" type="text"  /></td>
            </tr>
            
        </table>
        </div>
    <div id="botones">
    <input type="button" value="+" name="btmAgregar" onclick="info(4,0);">
    </div>
    <div id="info">
        <table border="0" id="tabla1">
            <tr id="celda1">
                <td>Cargo</td>
                <td>Empresa</td>
                <td>Pais</td>
                <td>Vinculación</td>
                <td>Desvinculación</td>
            </tr>
            <tr>
                <td><input name="cargo0" type="text"  /></td>
                <td><input name="lempresa0" type="text"  /></td>
                <td><input name="pais0" type="text"  /></td>
                <td><input name="vinc0" type="text"  /></td>
                <td><input name="desv0" type="text"  /></td>
            </tr>
            
        </table>
        </div>
    <div id="botones">
    <input type="button" value="+" name="btmAgregar" onclick="info(5,1);">
    </div>
    <div id="info">
        <table border="0" id="tabla2">
            <tr id="celda2">
                <td>Nombre proyecto</td>
                <td>Empresa</td>
                <td>Rol</td>
                <td>Año de evaluación</td>
            </tr>
            <tr>
                <td><input name="nproyecto0" type="text"  /></td>
                <td><input name="pempresa0" type="text"  /></td>
                <td><input name="rol0" type="text"  /></td>
                <td><input name="aeva0" type="text"  /></td>
            </tr>
            
        </table>
        </div>
    <div id="botones">
    <input type="button" value="+" name="btmAgregar" onclick="info(4,2);">
    </div>
    </div>
</body>
</html>

Style.css

Código CSS:

Ver original#contenedorAcademico { margin:auto; width:900px; padding-top:20px; text-align:center;}
#info {padding: 10px;  margin-bottom: 20px; border: 1px solid #CCC;}
#tabla0 {margin:auto}
#tabla1 {margin:auto}
#tabla2 {margin:auto}
#celda0 {background: #003; color:#FFF; font-family:Arial; font-size:10pt;}
#celda1 {background: #003; color:#FFF; font-family:Arial; font-size:10pt;}
#celda2 {background: #003; color:#FFF; font-family:Arial; font-size:10pt;}
#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.

monomix · #2 (**permalink**) 04/04/2011, 18:37

Tema solucionado... Era una estupides :D... como lo puedo borrar?