4 Comentários

1. Hiran
   Em 1 de maio de 2009 às 23:00 | Permalink

   td bem…
   fiz esse código que abre varios input files (quastos por preciso), vi o que vc fez para trocar o buuton por imagen, e já usei , e foi legal, porem agora preciso personalizar o button nesse script.
   se puder me ajudar seria legal… não sei mais a quem recorrer…
   segui ai o codigo:

   var upload_number = 2;
   function addFileInput() {
   var d = document.createElement(“div”);
   var file = document.createElement(“input”);
   file.setAttribute(“type”, “file”);
   file.setAttribute(“name”, “attachment”+upload_number);
   file.setAttribute(“size”, “40″);

   d.appendChild(file);
   document.getElementById(“moreUploads”).appendChild(d);
   upload_number++;
   }

   Adicionar outro arquivo
   

2. Cau
   Em 4 de maio de 2009 às 23:58 | Permalink

   Fala cara, desculpe a demora… este blog anda bem esquecido (isso vai mudar!)
   Bem o que você quer é simplesmente repetir a mesma coisa feita no primeiro input para os outros. Mas temos q ter uma imagem para cada, portanto, creio q seria melhor criá-la on-the-fly também

   var upload_number = 2;
   function addFileInput() {
   var d = document.createElement(”div”);
   var file = document.createElement(”input”);
   file.setAttribute(”type”, “file”);
   file.setAttribute(”name”, “attachment”+upload_number);
   file.setAttribute(”size”, “40″);
   d.appendChild(file);
   document.getElementById(”moreUploads”).appendChild(d);
   // mais ou menos isso:
   var image = document.createElement(”image”);
   image.src = ‘…’;
   document.getElementById(”moreUploads”).appendChild(image);
   fakeFile(image, file);

   upload_number++;
   }
   

3. Hiran
   Em 5 de maio de 2009 às 1:30 | Permalink

   Cara…
   Valeu pela ajuda… acabei fazendo uma adaptação ao escript uqe vc postou e acabei criando um lance bacana para o input file… condegui personalizar e deicar meio com a cara do gmail…. sem o campo onde de texto.. só o botão… logo logo vou colocar um site no ar e ai te mando o endereço pra vc ver como ficou…
   Mas tô com outra dificuldade, tentei usar aquele exemplo que vc criou que “Mostra uma mensagem quando input está vazio”, o problema eh quando o campi eh input password, a mensagem fica com as “bolinhas” como quando digitamos a senha… como posso fazer pra aparecer a mensagem quando o campo senha esta vazio e as “bolinhas” quando digitada a senha.???
   

4. Daniel Malaquias
   Em 13 de janeiro de 2011 às 16:33 | Permalink

   Acrescentei estas suas linhas
   wrapper.style.cssText = “position:relative; width:”+w+”px; height:”+h+”px; overflow:hidden; z-index:100; cursor:hand;”;
   input.style.cssText = “position:absolute; height:”+h+”px; top:0; right:0; font-size:”+s+”px; “+
   “filter:alpha(opacity=0); opacity:0; z-index:101; cursor:hand;”;
   assim aparece no IE o cursor tipo hand para o usuário.