Foros del Web » Programando para Internet » Javascript »

crear un estilo dentro de un DOM

Estas en el tema de crear un estilo dentro de un DOM en el foro de Javascript en Foros del Web. buenas tardes. mi pregunta es como agregar un estilo a un DOM ?. me explico. hice un upload multiple de imagenes creando varios input files ...
  #1 (permalink)  
Antiguo 16/12/2010, 09:21
(Desactivado)
 
Fecha de Ingreso: abril-2008
Mensajes: 787
Antigüedad: 16 años
Puntos: 7
Pregunta crear un estilo dentro de un DOM

buenas tardes. mi pregunta es como agregar un estilo a un DOM ?.

me explico. hice un upload multiple de imagenes creando varios input files dinamicamente. cuando creo los elementos, como haria para colocar una clase o un estilo en el input file del DOM ?.

este es mi codigo.

Código Javascript:
Ver original
  1. addCampo = function () {
  2. //Creamos un nuevo div para que contenga el nuevo campo
  3.    nDiv = document.createElement('div');
  4. //con esto se establece la clase de la div
  5.    nDiv.className = 'imagenes';
  6. //este es el id de la div, aqui la utilidad de la variable numero
  7. //nos permite darle un id unico
  8.    nDiv.id = 'file' + (++numero);
  9. //creamos el input para el formulario:
  10.    nCampo = document.createElement('input');
  11. //le damos un nombre, es importante que lo nombren como vector, pues todos los campos
  12. //compartiran el nombre en un arreglo, asi es mas facil procesar posteriormente con php
  13.    nCampo.name = 'imagenes[]';
  14. //Establecemos el tipo de campo
  15.    nCampo.type = 'file';
  16. //Clase para el tipo de campo
  17.    nCampo.style = 'objetoformulario';
  18. //Ahora creamos un link para poder eliminar un campo que ya no deseemos
  19.    a = document.createElement('a');
  20. //El link debe tener el mismo nombre de la div padre, para efectos de localizarla y eliminarla
  #2 (permalink)  
Antiguo 16/12/2010, 09:46
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Respuesta: crear un estilo dentro de un DOM

En el caso de querer asignar una clase debería ser nCampo.className y no nCampo.style
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 16/12/2010, 16:33
(Desactivado)
 
Fecha de Ingreso: abril-2008
Mensajes: 787
Antigüedad: 16 años
Puntos: 7
Respuesta: crear un estilo dentro de un DOM

gracias por la respuesta David. ya coloque la propiedad className y me mostro el estilo del input file.

pero ahora se me presento otro problema. cuando hago el upload multiple, me sale un texto X que es obviamente para remover el input file.

cuando le remplazo el texto x por una imagen de borrar en el innerHTML, no funciona la funcion que remueve los input files.

este es mi codigo.

Código Javascript:
Ver original
  1. //Ahora creamos un link para poder eliminar un campo que ya no deseemos
  2.    a = document.createElement('a');
  3. //El link debe tener el mismo nombre de la div padre, para efectos de localizarla y eliminarla
  4.    a.name = nDiv.id;
  5. //Este link no debe ir a ningun lado
  6.    a.href = 'javascript:void(0);';
  7. //Establecemos que dispare esta funcion en click
  8.    a.onclick = elimCamp;
  9.    a.className = 'enlaces';
  10. //Con esto ponemos el texto del link
  11.    a.innerHTML = '<img src="http://www.forosdelweb.com/f13/imagenes/delete.png">';

saludos.

Última edición por esaenz22; 16/12/2010 a las 16:34 Razón: correccion.

Etiquetas: dom, estilo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:06.