Comentarios en: Dando estilo a los elementos input type=file http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/ Desarrollo web, Wordpress, y alguna cosilla más Sun, 12 Feb 2012 12:01:25 +0000 hourly 1 http://wordpress.org/?v=3.3.1 Por: Buenas prácticas en la implementación de formularios | aNieto2K http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/#comment-42117 Buenas prácticas en la implementación de formularios | aNieto2K Thu, 22 Nov 2007 10:08:22 +0000 http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/#comment-42117 [...] puedes, mejora la estética de los <input type=”file” /> Compártelo « MooTools Mocha UI, muestra ventanas con [...] [...] puedes, mejora la estética de los <input type=”file” /> Compártelo « MooTools Mocha UI, muestra ventanas con [...]

]]> Por: Apple Fever - Today’s Top Blog Posts on Apple - Powered by SocialRank http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/#comment-40675 Apple Fever - Today’s Top Blog Posts on Apple - Powered by SocialRank Mon, 01 Oct 2007 09:10:13 +0000 http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/#comment-40675 [...] Dando estilo a los elementos input type=file [...] [...] Dando estilo a los elementos input type=file [...]

]]> Por: Itákora » Blog Archive » Lecturas recomendadas (5) http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/#comment-40659 Itákora » Blog Archive » Lecturas recomendadas (5) Sat, 29 Sep 2007 20:46:09 +0000 http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/#comment-40659 [...] nos enseña a dar estilo a los botones de input file mediante css y [...] [...] nos enseña a dar estilo a los botones de input file mediante css y [...]

]]> Por: Aplicándole Estilo al Elemento Input Type=”file” http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/#comment-40101 Aplicándole Estilo al Elemento Input Type=”file” Thu, 13 Sep 2007 18:08:32 +0000 http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/#comment-40101 [...] embargo, siempre se le puede encontrar una solución a estos problemas. En anieto2k han publicado un pequeño artículo que nos guía para poder darle estilo y diseño a un elemento [...] [...] embargo, siempre se le puede encontrar una solución a estos problemas. En anieto2k han publicado un pequeño artículo que nos guía para poder darle estilo y diseño a un elemento [...]

]]> Por: Cmacias http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/#comment-40055 Cmacias Wed, 12 Sep 2007 05:23:42 +0000 http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/#comment-40055 Bueno, por lo que veo, no puedo escribir html... Bueno, por lo que veo, no puedo escribir html…

]]> Por: Cmacias http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/#comment-40054 Cmacias Wed, 12 Sep 2007 05:21:33 +0000 http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/#comment-40054 @Fael, siempre puedes crear un div, y mediante innerHTML, escribir el "value" del campo file desde el evento "onchange". Por ejemplo, este sería el javascript: var fileSv = function(file,msg) { ruta = $(file).value; ruta_arr = ruta.split("\\"); archivo = ruta_arr[ruta_arr.length-1]; $(msg).innerHTML = "" + archivo + ""; } Esto el html: Y para finalizar, las css: .file_prev { padding-left: 24px; color: #0099CC; background: url(../images/icon/picture.png) 4px center no-repeat; } @Fael, siempre puedes crear un div, y mediante innerHTML, escribir el “value” del campo file desde el evento “onchange”.

Por ejemplo, este sería el javascript:
var fileSv = function(file,msg)
{
ruta = $(file).value;
ruta_arr = ruta.split(“\\”);
archivo = ruta_arr[ruta_arr.length-1];

$(msg).innerHTML = “” + archivo + “”;
}
Esto el html:

Y para finalizar, las css:
.file_prev {
padding-left: 24px;
color: #0099CC;
background: url(../images/icon/picture.png) 4px center no-repeat;
}

]]> Por: Manu http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/#comment-40037 Manu Tue, 11 Sep 2007 19:24:58 +0000 http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/#comment-40037 Gracias por la idea, sin duda la probaré a ver que tal me va. Gracias por la idea, sin duda la probaré a ver que tal me va.

]]> Por: eduo http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/#comment-39985 eduo Tue, 11 Sep 2007 08:53:10 +0000 http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/#comment-39985 Oscar: Esa solucion es similar. Depende del opacity para hacer desaparecer el original y lo reemplaza por el nuevo. Fael: swfupload tiene sus propios, y no pocos, problemas de accesibilidad. Esta solución asume que específicamente no te interesa ver el fichero que estas anexando (en la mayoría de los casos tampoco te sirve verlo de cualquier forma). Como comentaba ayer con Andrés, todo esto realmente sólo apunta al problema y es que el "input type=file" es uno de los más olvidados y desesperantes elementos. Es el que menos estilo permite, el que más varía de máquina a máquina y el que menos ha evolucionado desde el día que se inventó. Justo ayer comentábamos que era increíble que no haya ningún navegador mayoritario que soporte drag & drop sobre él (que debería ser natural por lo menos para Mac). Oscar: Esa solucion es similar. Depende del opacity para hacer desaparecer el original y lo reemplaza por el nuevo.

Fael: swfupload tiene sus propios, y no pocos, problemas de accesibilidad. Esta solución asume que específicamente no te interesa ver el fichero que estas anexando (en la mayoría de los casos tampoco te sirve verlo de cualquier forma).

Como comentaba ayer con Andrés, todo esto realmente sólo apunta al problema y es que el “input type=file” es uno de los más olvidados y desesperantes elementos. Es el que menos estilo permite, el que más varía de máquina a máquina y el que menos ha evolucionado desde el día que se inventó.

Justo ayer comentábamos que era increíble que no haya ningún navegador mayoritario que soporte drag & drop sobre él (que debería ser natural por lo menos para Mac).

]]> Por: oscar http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/#comment-39979 oscar Tue, 11 Sep 2007 07:31:59 +0000 http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/#comment-39979 Gran articulo, lo probaré. aunque la solucion que yo le daba a este problema era <a href="http://www.quirksmode.org/dom/inputfile.html" rel="nofollow">esta</a> Gran articulo, lo probaré.
aunque la solucion que yo le daba a este problema era esta

]]> Por: Estilo para los inputs type=file | frogx.three http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/#comment-39977 Estilo para los inputs type=file | frogx.three Tue, 11 Sep 2007 05:05:46 +0000 http://www.anieto2k.com/2007/09/10/dando-estilo-a-los-elementos/#comment-39977 [...] Anieto2k acaban de publicar un post por mas interesante, se trata de la posibilidad de dotar de estilo a los [...] [...] Anieto2k acaban de publicar un post por mas interesante, se trata de la posibilidad de dotar de estilo a los [...]

]]>