Jump to content

AlexPecanha

Members
  • Content count

    1
  • Joined

  • Last visited

Community Reputation

0 Comum

About AlexPecanha

  • Birthday 09/18/1993

Informações Pessoais

  • Sexo
    Masculino
  1. AlexPecanha

    Formulário com botão de upload

    Boa Noite(tarde/dia) pessoal, Preciso de uma ajuda de vocês, to tentando colocar um botão input file em um site,que e chamado por outro botão (adicionar mais campos), que chama novamente esse botão input file, eu quero o input file um visto(ou alguma coisa informando que tem um arquivo ali dentro). o primeiro funciona direito mas os outros não funciona. link para baixara pagina http://www.4shared.com/zip/2OLWDke3ba/projeto.html Segui o código <!--Chama o add linha--> < type="text/java" class="init"> $(document).ready(function() { var t = $('#example').DataTable(); var counter = '<input type="text" name="usrname">'; var botao = '<input type="button" value="clique">'; // esse abaixo que e o botão file var btnUp = '<div class="file-wrapper">'; btnUp +='<input type="file" class="filestyle" name="arquivos[]"/>'; btnUp +='<span class="button">Selecione o arquivo</span> </div>'; $('#addRow').on('click', function () { t.row.add( [ counter , counter , counter , btnUp ] ).draw( false ); } ); $('#addRow').click(); } ); </> <!--coloca uma ima de confirmação ao lado do botão --> < type="text/java"> var SITE = SITE || {}; SITE.fileInputs = function() { var $this = $(this), $val = $this.val(), valArray = $val.split(' '), newVal = valArray[valArray.length-1], $button = $this.siblings('.button'), $fakeFile = $this.siblings('.file-holder'); if(newVal !== '') { $button.text('Selecionado'); if($fakeFile.length === 0) { $button.after('<span class="file-holder"><img src="ok.png"></span>'); } else { $fakeFile.text(newVal); } } }; $(document).ready(function() { $('.file-wrapper input[type=file]').bind('change focus click', SITE.fileInputs); }); </> </head> <body> <table id="example" > <thead> <tr role="row"> <th>coluna 1</th> <th>coluna 2</th> <th>coluna 3</th> <th>coluna 4</th> </tr> </thead> </table> <button id="addRow">Adicionar mais campos</button>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.