Insertar espacio en javascript

marcospuig · #1 (**permalink**) 07/08/2007, 02:33

Hola, estoy creando un elemento con varios inputs dinámicamente en javascript, y para separar un input de otro inserto saltos de línea (<br>) porque si inserto un espacio ( ) no me sale nada, me falla el script javascript, me dice que he insertado un caracter inválido.

Para insertar un salto de línea lo hacia:

Código:

 txt = document.createElement('<br>');				
  contenedor.appendChild(txt);

Y ahora para insertar un espacio en blanco:

Código:

  txt = document.createElement('&nbsp;');		
  contenedor.appendChild(txt);

Muchas gracias

tunait · #2 (**permalink**) 07/08/2007, 02:44

Hola

el html reconoce al menos un espacio entre caracteres y elementos. ¿por qué no usas un caracter de espacio dentro de la cadena?

txt = document.createElement(' ');

caricatos · #3 (**permalink**) 07/08/2007, 03:20

Hola:

En vez de usar createElement creo que es mejor usar createTextNode(" ");

Ejemplo:

Código:

<html>
<head>
<script>
function espaciar() {
 espacio = document.createTextNode("      ");
 document.getElementById("texto").appendChild(espacio);
}
</script>
</head>
<body>
<p>Hola<span id="texto"></span>Amigo</p>
<button type="button" onclick="espaciar()">espaciar</button>
</body>
</html>

Saludos

tunait · #4 (**permalink**) 07/08/2007, 03:23

Cita:

Iniciado por caricatos

Hola:

En vez de usar createElement creo que es mejor usar createTextNode(" ");

...oño

seré béstia

no me había fijado al copipastear ...

marcospuig · #5 (**permalink**) 07/08/2007, 03:41

pero esto:

Código:

  txt = document.createTextNode('Nombre: ');			//Creamos el nombre del participante
  ele = document.createElement('input'); 
  ele.type = 'text'; 
  ele.size='40';
  ele.name = 'cNombrePart'+numParticipante; 
  contenedor.appendChild(txt);
  contenedor.appendChild(ele); 
  
  espacio = document.createTextNode('        ');
  contenedor.appendChild(espacio);

													//Creamos la fecha de finalización del curso
  txt = document.createTextNode('Parentesco: ');
  ele = document.createElement('input'); 
  ele.type = 'text'; 
  ele.name = 'cParentesco'+numParticipante; 
  contenedor.appendChild(txt);
  contenedor.appendChild(ele);

No me funciona

caricatos · #6 (**permalink**) 07/08/2007, 04:28

Cita:

Iniciado por tunait

...oño

seré béstia

no me había fijado al copipastear ...

¡Je, je!

...Los dedos parece que van más rápido que algunas neuronas...

Cita:

Iniciado por marcospuig

pero esto:

Código:

  txt = document.createTextNode('Nombre: ');			//Creamos el nombre del participante
  ele = document.createElement('input'); 
  ele.type = 'text'; 
  ele.size='40';
  ele.name = 'cNombrePart'+numParticipante; 
  contenedor.appendChild(txt);
  contenedor.appendChild(ele); 
  
  espacio = document.createTextNode('        ');
  contenedor.appendChild(espacio);

													//Creamos la fecha de finalización del curso
  txt = document.createTextNode('Parentesco: ');
  ele = document.createElement('input'); 
  ele.type = 'text'; 
  ele.name = 'cParentesco'+numParticipante; 
  contenedor.appendChild(txt);
  contenedor.appendChild(ele);

No me funciona

No me extrañaría que el error estuviera en otra parte... por ejemplo la asignación del atributo type

... creo que algunos atributos de controles de formularios solo pueden modificarse con el método setAttribute...

Prueba así: ele.setAttribute("type", "text");

Y luego nos cuentas... por cierto, puedes fijarte en la línea donde está el error.

Saludos

marcospuig · #7 (**permalink**) 07/08/2007, 09:55

Hola

espacio = document.createTextNode(' ');
contenedor.appendChild(espacio);
espacio = document.createTextNode(' ');
contenedor.appendChild(espacio);
espacio = document.createTextNode(' ');
contenedor.appendChild(espacio);

Con este código no me sale ningún error, sólo warnings pero no me separa apenas los objetos. Y he probado a poner más de un espacio entre las comillas y tampoco.

Y con el ele.setAttribute("type", "text"); me pasa lo mismo, no da ningún error, lo que pasa es que sólo me sale 1 espacio muy pequeño separando los elementos.

Gracias

marcospuig · #8 (**permalink**) 07/08/2007, 09:58

Ya me sale, con
espacio = document.createTextNode("\u00a0");
contenedor.appendChild(espacio);

Pero muchas gracias por todo