[SOLUCIONADO] Error al crear un input text con createElemt

moscrates · #1 (**permalink**) 05/04/2011, 04:16

Estoy creando input text dinamicamente con javascript y en la linea 2 en
td2.appendChild...... me marca el siguiente error en firefox y en crhome pero ie

Error: uncaught exception: [Exception... "String contains an invalid character" code: "5" nsresult: "0x80530005 (NS_ERROR_DOM_INVALID_CHARACTER_ERR)" location: "http://www.flashgordondisco.com/FH/js/campos_crear.js Line: 178"]

explorer lo ejecuta sin problemas, alguien me puede decir por que o que hice mal.

t es un contador.

Código Javascript:

Ver originalvar td2 = document.createElement("TD");
    td2.appendChild (document.createElement("<input type=\"text\" name=\"precio["+t+"]\" id="+t+" />"));

zerokilled · #2 (**permalink**) 05/04/2011, 05:42

buenas...

no es la forma correcta de crear elementos. solo tienes que pasarle el nombre del elemento a crear. no puedes indicar conjuntamente los argumentos. los argumentos los asignas luego de crear el elemento.

moscrates · #3 (**permalink**) 05/04/2011, 06:01

te refieres a que haga
algo asi

Código Javascript:

Ver originalvar td2 = document.createElement("TD");
var text = document.createElement('text');    
text.id = t;
text.name="precio["+t+"]";
td2.appendChild (text);

Panino5001 · #4 (**permalink**) 05/04/2011, 06:08

Parecido a eso (es input no text) o el viejo truco para evitar dolores de cabeza en explorer:

Código PHP:

  <!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=utf-8" />
<title>Documento sin t&#237;tulo</title>
<script type="text/javascript">
function createInput(tag,name){
    if (name && window.ActiveXObject){
      element = document.createElement('<'+tag+' name="'+name+'">');
    }
    else{
      element = document.createElement(tag);
      element.setAttribute('name',name);
    }
    return element;
} 
onload=function(){
    var pp=createInput('input','pp');
    document.body.appendChild(pp);
}
</script>

</head>

<body>
</body>
</html>

moscrates · #5 (**permalink**) 05/04/2011, 06:10

oko lo voy a intentar y te digo como me fue

moscrates · #6 (**permalink**) 05/04/2011, 14:58

si funciona solo que hara no le puedo poner el evento al select

Código Javascript:

Ver originalvar td3 = document.createElement("TD");
    var campo = document.createElement("select");
    campo.name = "tipo_pago["+t+"]";
    campo.id = t;
    campo.onChange = "activar(this)";

zerokilled · #7 (**permalink**) 05/04/2011, 15:08

porque esta mal escrito... en javascript todos los eventos se escriben en minusculas; onchange.