Foros del Web » Creando para Internet » HTML »

input type file generados desde javascript

Estas en el tema de input type file generados desde javascript en el foro de HTML en Foros del Web. buenas el temita esta en que yo lo inputs de tipo file son los unicos que no podia personalizar entonces encontre por aki un truco ...
  #1 (permalink)  
Antiguo 26/05/2011, 00:57
 
Fecha de Ingreso: mayo-2011
Mensajes: 4
Antigüedad: 5 años, 9 meses
Puntos: 0
input type file generados desde javascript

buenas el temita esta en que yo lo inputs de tipo file son los unicos que no podia personalizar entonces encontre por aki un truco de acer un div falso con otro devajo que contendria el verdadero input file y me surgio el problema de que no veia la ruta del archivo a los que les pasa esto decir que yo lo solucione con un javascript en el evento onchange del input o inclu en el onMouseOver del body que coja el

(document.getElementById(nombre_input).value=docum ent.getElementById(nombre_input_file).value)

valor de uno y se lo asigne a la otro.

otra cosa arreglada ara el tema esque yo al apretar a un boton mas desde javascript genero otro y para el truquito este tienes que asignarle a unos de los div una posicion absoluta desde css. y esa posicion me tiene que ir cambiando.

algien sabe cambiar la posicion de un css desde javascript si esque se puede...

por si alguien no conce el truco le pondo el codigo de un ejemplo sencillo :



<html>
<body onmouseover= "valores_onChange()">
<head>
<style type="text/css">
div.falso { position: absolute; top: -10px; left: 0px; z-index: 0; }
input.file { position: relative; filter:alpha(opacity: 0); opacity: 0; z-index: 1; }
</style>
<script type="text/javascript">
function valores_onChange(){

document.getElementById('falso').value=document.ge tElementById('verdadero').value;



}
</script>
</head>

<div style="position:relative" id="verdad">
<input type="file" class="file" size="25" name="verdadero" id="verdadero"/>
<div class="falso" id="falsete">
<input type="text" name="falso" id="falso" size="33" /> <img src="./imagenes/empezar.gif" align="absmiddle">
</div>
</div>
</body>
</html>
  #2 (permalink)  
Antiguo 27/05/2011, 03:20
 
Fecha de Ingreso: mayo-2011
Mensajes: 4
Antigüedad: 5 años, 9 meses
Puntos: 0
Respuesta: input type file generados desde javascript

holaa!!!!! ahi alguien XD?
  #3 (permalink)  
Antiguo 29/05/2011, 17:34
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.047
Antigüedad: 7 años, 11 meses
Puntos: 1484
Respuesta: input type file generados desde javascript

buenas,
a decir verdad nunca me he preocupado por el aspecto de un input file. de todos modos revisa si el siguiente articulo te ayuda, quirksmode - input file styling. entiendo que el problema no es especificamente como aplicar estilo, sino aplicarselo a los nuevos elementos agregados. se me ocurre que si estas usando una tecnica parecida al articulo, es solo cuestion de clonar el elemento junto con sus auxiliares en lugar de crear -o clonar- directamente un input file. de nuevo, eso depende la tecnica que utilices.

__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #4 (permalink)  
Antiguo 30/05/2011, 02:38
 
Fecha de Ingreso: mayo-2011
Mensajes: 4
Antigüedad: 5 años, 9 meses
Puntos: 0
Respuesta: input type file generados desde javascript

no mi problema en concreto es posicionarlos al generarlos automaticamente por akello de la posicion absoluta con el css ... una cosa no es por atacar ni meterme con nadie dejar de poner ese enlace que es de donde saque la idea que esta muy bien pero esta puestro por 300 hilos de este foro que tratan sobre lo mismo y crear un input file no esa mas que diseñarlo tu con una imagen y tun type text y poner el file encima con posicion "absoluta" y acerlo invisible para que se vea lo de debajo deja de contar.

de todas formas encontre la solucion en las tablas que obligan al input a colocarse donde corresponde. para que luego digan que las tablas no son para diseño ... discrepo .

bueno estoy terminando mi codigo que logicamente es algo mas granda que el ejemplito cuando lo termine pondre la solucion y crerrare el tema este .

de todas formas zerokilled muxas gracias por tu respuesta la intencion de ayudar es lo que cuentas gracias!!!!!!1

Etiquetas: file, generados, input, javascript, type
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 07:55.