[Ayuda] Codigo Javascript

[JGuillen™]

Bueno resulta q estoy haciendo un script para agregar cajas de texto dinamicamente, resulta que ya hice el codigo.... pero no me sale en IE no me da y tampoco me da error... mientras q si lo pruebo en Firefox si me da....


que puede ser?


este es el codigo Javascript

Código: [Seleccionar]

function setAddBlock()
{
var formulario = document.getElementById('formulario');

var x = 0;

for(i = 0; i <= (formulario.length)-1; i++)
{
if(formulario[i].id=="nombre")
{
x++;
}
}

x++;

var tableX = document.getElementById('TableX');

var tr1 = "";
var tr2 = "";

var td1 = "";
var td2 = "";
var td3 = "";
var td4 = "";

var text1 = "";
var text2 = "";

var nombre = "";
var tel = "";

// Creando Elementos

tr1 = document.createElement('tr');
tr2 = document.createElement('tr');

td1 = document.createElement('td');
td1.style.textAlign = "right";
td1.style.width = "200px";
td1.style.height = "40px";

td2 = document.createElement('td');
td2.style.textAlign = "left";
td2.style.width = "200px";

td3 = document.createElement('td');
td3.style.textAlign = "right";
td3.style.width = "200px";

td4 = document.createElement('td');
td4.style.textAlign = "left";
td4.style.width = "200px";

text1 = document.createTextNode("Nombre : ");
text2 = document.createTextNode("Telefono : ");

nombre = document.createElement('input');
nombre.type = "text";
nombre.name = "nombre["+x+"]";
nombre.id = "nombre";
nombre.size = "35";

tel = document.createElement('input');
tel.type = "text";
tel.name = "tel["+x+"]";
tel.id = "tel";
tel.size = "10";

td1.appendChild(text1);
td2.appendChild(nombre);

td3.appendChild(text2);
td4.appendChild(tel);

tr1.appendChild(td1);
tr1.appendChild(td2);

tr2.appendChild(td3);
tr2.appendChild(td4);

tableX.appendChild(tr1);
tableX.appendChild(tr2);


}


y este el codigo html

Código: [Seleccionar]

<br><br><br><br>
<form name='formulario' id='formulario' method='post' >
<table id='TableX' width='400' cellpadding='0' cellspacing='2' border='0'>
<tr>
<th colspan='2' align='center' height='40' valign='middle'>Curriculum Vitae - Referencias Personales</th>
</tr>
<tr>
<td width='200' align='right' height='40px'>Nombre : </td>
<td width='200' align='left'><input type='text' name='nombre[0]' id='nombre' size='35'></td>
</tr>
<tr>
<td width='200' align='right'>Teléfono : </td>
<td width='200' align='left'><input type='text' name='telefono[0]' size='10'></td>
</tr>
</table>
<table width='400' cellpadding='0' cellspacing='2' border='0'>
<tr>
<td colspan='2' align='left'>
<input type='button' value='Agregar Linea' onclick='setAddBlock();'>
</td>
</tr>
<tr>
<td align='center' colspan='2' valign='middle' height='35'>
<input type='submit' name='Reg' value='Guardar'>&nbsp;&nbsp;&nbsp;&nbsp;
<input type='button' value='Salir' onclick=\"location.replace('$home_redirect')\">
</td>
</tr>
</table>
</form>


alguien puede ayudarme..? 

[DarkBios]

Revisalo bien, porque acabo de probarlo en IE7 y en firefox y funca bien

[JGuillen™]

Revisalo bien, porque acabo de probarlo en IE7 y en firefox y funca bien

no te kreo.. si lo acabo de probar otra ves.. y neles no me sale nada.... 

[DarkBios]

no te kreo.. si lo acabo de probar otra ves.. y neles no me sale nada.... 

en serio amigo, yo vi tu post, copie el documento script completo y hice un archivo llamado "prueba.html" y lo probe, funca bien, al menos que tu IE le falte algo para trabajar con Java

[JGuillen™]

en serio amigo, yo vi tu post, copie el documento script completo y hice un archivo llamado "prueba.html" y lo probe, funca bien, al menos que tu IE le falte algo para trabajar con Java

hey porq no me pasas el prueba.html quiero verlo como te kedo... y si es problema de aca... en mi pc... 

[DarkBios]

hey porq no me pasas el prueba.html quiero verlo como te kedo... y si es problema de aca... en mi pc... 

aqui esta

[JGuillen™]

aqui esta

hey graxias DarkBios pero fijate que solo has pegado el codigo html te falta el script de Javascript ..... jejeje 

[jaru]

lo probe con IE y es cierto no corre, al menos no en el 6
acuerdense que IE es bien quisquilloso, FF es mas aguantador y varios errorcitos le valen 20.

ya probare mas con IE

[JGuillen™]

lo probe con IE y es cierto no corre, al menos no en el 6
acuerdense que IE es bien quisquilloso, FF es mas aguantador y varios errorcitos le valen 20.

ya probare mas con IE

pues si eso es lo raro...jejejeje no funciona pero tampoco da error.. 

mejor ire buscando otra alternativa.. jejejeje 

[sortux]

Proba con esto talvez te funciona:   

Código: [Seleccionar]

<html>
<head>

<script type="text/javascript">
    var contador=1;

    createBoxes = function(el, numberBoxes) {
        var innerHTML = "";
        var n;
        var inputBoxDiv = document.getElementById(el);
        var innerHTML = inputBoxDiv.innerHTML;

        for (n=0;n<numberBoxes;n++) {
            innerHTML=innerHTML+"<label for='nombre["+contador+"]'>Nombre:</label><input name='nombre["+contador+"]' type='text' class='nombres' /><br /><br/>";
            innerHTML=innerHTML+"<label for='telefono["+contador+"]'>Teléfono:</label><input name='telefono["+contador+"]' type='text' class='tels' /><br /><br />";
            contador++;
        }
        inputBoxDiv.innerHTML = innerHTML;
    }
</script>
<style>


label{
width: 150px;
/*height: 20px;*/
float: left;
text-align: right;
margin: 0 10px;
}

.nombres{
  width: 250px;
}

.tels{
  width: 100px;
}


</style>
</head>

<body>
<form name="formulario" method="post">
    <h3>Curriculum Vitae - Referencias Personales</h3>
    <label for="nombre" >Nombre:</label><input type="text" name="nombre[]" class="nombres" /><br /><br />
    <label for="telefono" >Teléfono:</label><input type="text" name="telefono[]" class="tels" /><br /><br />

    <div id="inputBoxes"><!-- Aqui irian los inputs --></div>

    <input type="button" onClick="createBoxes('inputBoxes',1);" value="Agregar Linea"><br /><br />

    <input type='submit' name='Reg' value='Guardar'>&nbsp;&nbsp;&nbsp;&nbsp;
    <input type='button' value='Salir' onclick="location.replace('$home_redirect')">
</form>

</body>
</html>

[JGuillen™]

Proba con esto talvez te funciona:   

Código: [Seleccionar]

<html>
<head>

<script type="text/javascript">
    var contador=1;

    createBoxes = function(el, numberBoxes) {
        var innerHTML = "";
        var n;
        var inputBoxDiv = document.getElementById(el);
        var innerHTML = inputBoxDiv.innerHTML;

        for (n=0;n<numberBoxes;n++) {
            innerHTML=innerHTML+"<label for='nombre["+contador+"]'>Nombre:</label><input name='nombre["+contador+"]' type='text' class='nombres' /><br /><br/>";
            innerHTML=innerHTML+"<label for='telefono["+contador+"]'>Teléfono:</label><input name='telefono["+contador+"]' type='text' class='tels' /><br /><br />";
            contador++;
        }
        inputBoxDiv.innerHTML = innerHTML;
    }
</script>
<style>


label{
width: 150px;
/*height: 20px;*/
float: left;
text-align: right;
margin: 0 10px;
}

.nombres{
  width: 250px;
}

.tels{
  width: 100px;
}


</style>
</head>

<body>
<form name="formulario" method="post">
    <h3>Curriculum Vitae - Referencias Personales</h3>
    <label for="nombre" >Nombre:</label><input type="text" name="nombre[]" class="nombres" /><br /><br />
    <label for="telefono" >Teléfono:</label><input type="text" name="telefono[]" class="tels" /><br /><br />

    <div id="inputBoxes"><!-- Aqui irian los inputs --></div>

    <input type="button" onClick="createBoxes('inputBoxes',1);" value="Agregar Linea"><br /><br />

    <input type='submit' name='Reg' value='Guardar'>&nbsp;&nbsp;&nbsp;&nbsp;
    <input type='button' value='Salir' onclick="location.replace('$home_redirect')">
</form>

</body>
</html>

Buenisima alternativa.... ya mas o menos estaba empezandolo hacer.... pero me acabas de ahorrar tiempo te lo agradesco compa..! (K+)