Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/01/2010, 21:45
WinderJerter
 
Fecha de Ingreso: agosto-2009
Mensajes: 292
Antigüedad: 15 años, 3 meses
Puntos: 5
valor de input text mal colocado

hola que tal, lo que pasa es que me encontré con un script jquery muy bueno por la red que es para darle estilo a un input file

Código Javascript:
Ver original
  1. $.fn.si = function() {
  2.     $.support = {
  3.         opacity: !($.browser.msie && /MSIE 6.0/.test(navigator.userAgent))
  4.     };
  5.     if ($.support.opacity) {
  6.         $(this).each(function(i) {
  7.             if ($(this).is(":file")) {
  8.                 var $input = $(this);
  9.                 $(this).wrap('<div class="cabinet" id="cabinet'+i+'"></div>');
  10.                 $("div#cabinet"+i)
  11.                     .wrap('<div class="si"></div>')
  12.                     .after('<div class="uploadButton"><div></div></div><input type="text" class="selectedFile" value="" />')
  13.                     .live("mousemove", function(e) {
  14.                     if (typeof e == 'undefined') e = window.event;
  15.                     if (typeof e.pageY == 'undefined' &&  typeof e.clientX == 'number' && document.documentElement)
  16.                     {
  17.                         e.pageX = e.clientX + document.documentElement.scrollLeft;
  18.                         e.pageY = e.clientY + document.documentElement.scrollTop;
  19.                     };
  20.                    
  21.                     var ox = oy = 0;
  22.                     var elem = this;
  23.                     if (elem.offsetParent)
  24.                     {
  25.                         ox = elem.offsetLeft;
  26.                         oy = elem.offsetTop;
  27.                         while (elem = elem.offsetParent)
  28.                         {
  29.                             ox += elem.offsetLeft;
  30.                             oy += elem.offsetTop;
  31.                         };
  32.                     };
  33.                 });
  34.                
  35.                 $(this).change(function() {
  36.                     $container = $(this).closest("div.si");
  37.                     $("input.selectedFile", $container).html($(this).val());
  38.                 })
  39.             }
  40.         });
  41.     }
  42. };

Yo ya lo he personalizado un poco y me encontré un problema a la hora de examinar el archivo, queda mal colocado en el input, por ejemplo:

<input class="selectedFile" type="text" value="">archivo.exe</input>

he tratado de modificar el código para que el archivo examinado quede entre "" del value pero no he podido acomodarlo ni tampoco he podido quitar el </input>

Espero que me aya expresado atendible mente bien

Saludos y gracias de antemano