Adicionar input file

Fórum para dúvidas sobre JavaScript, ECMAScript, AJAX, XML e jQuery.

Moderador: web

responder a dúvida

Adicionar input file

Mensagem por JP.BattleKilL Offline » Ter Nov 22, 2011 11:13 pm


como e que eu faço para juntar todas esas funçoes a de clicar e aparecer mas janelinhas a da name com o nome "valor[]" usando o foreach.
fico no aguardo se vc suber e puder me ajudar.
att joao paulo



detalhes...


JP.BattleKilL
VETERANO
VETERANO
Mensagens: 170
Registrado em: Seg Set 12, 2011 11:53 am
Localização: Bahia Luis Eduardo Magalhães

Adicionar input file

Mensagem por JP.BattleKilL Offline » Ter Nov 22, 2011 11:28 pm

ou entao faz melhor so me diz como eu faço para que o primeiro texfield que ja vem na tela vir com o numero do script da funçao ao invex de vir sem nd como ta vindo pq se vir tudo igual eu trato eles com $exe = $_POST['0'];
e resolve meu problema. att joao paulo

detalhes...


JP.BattleKilL
VETERANO
VETERANO
Mensagens: 170
Registrado em: Seg Set 12, 2011 11:53 am
Localização: Bahia Luis Eduardo Magalhães

Adicionar input file

Mensagem por JP.BattleKilL Offline » Ter Nov 22, 2011 11:34 pm

se tu descobri como fazer com o foreach passa aki, pq se nao pode deixa pq fiz uma gambiarra ^^.
olha como fico:

Código: Selecionar todos
<script>
var qt = 1;
function cria(quantos) {
for(var i=0; i < quantos; i++) {
// cria o input
novo = document.createElement('input');
// define o tipo do input
novo.setAttribute('type', 'text');
// define o name do input
novo.setAttribute('name', qt); // aqui vai o número que será incrementado, 1, 2, etc...
// input criado
document.getElementById('campos').appendChild(novo);
qt++;   
}
if(qt >= 8) { // 7 porque um input já vem criado
document.getElementById('1').disabled='true';
}   
}
</script>

<form action="" method="post" enctype="multipart/form-data">
<input type="text" name="0" value="">
<!-- id é o número de inputs a ser criado //-->
<input type="button" value="adicionar campos" id="1" onclick="cria(this.id)">
<div id="campos" style="width:100px;"></div>
<input type="submit" id="submit" name="submit">
</form>

<?php
if(isset($_POST['submit'])){
$tes0 = $_POST['0'];   
$tes1 = $_POST['1'];
$tes2 = $_POST['2'];
$tes3 = $_POST['3'];
$tes4 = $_POST['4'];
$tes5 = $_POST['5'];
$tes6 = $_POST['6'];
$tes7 = $_POST['7'];
echo $tes0;
echo $tes1;
echo $tes2;
echo $tes3;
echo $tes4;
echo $tes5;
echo $tes6;
echo $tes7;
}
?>


prontinho. o name começa com 0 ai os outro começa com o numero 1 como esta la no var qt la emcima prontinho oque aparece funciona. se caso conseguir fazer a mesma coisa que esse codigo fez com o foreach agradeço se nao nao presisa vlw igual. ate

detalhes...


JP.BattleKilL
VETERANO
VETERANO
Mensagens: 170
Registrado em: Seg Set 12, 2011 11:53 am
Localização: Bahia Luis Eduardo Magalhães

Adicionar input file

Mensagem por web Offline » Qua Nov 23, 2011 9:32 am

O foreach serve para obter os dados na ordem como falei, nome e valor. Se dessa forma ai você conseguiu é melhor usar ela.

detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12407
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil

Adicionar input file

Mensagem por JP.BattleKilL Offline » Qua Nov 23, 2011 10:40 pm

ok vlw, so mais uma coisa se eu deixo uma desas text vazia ele da um erro para noa dar esse erro oque eu teria que fazer o erro da nas linhas onde tem o $_POST. me da um dica ai do que poderia ser!!! att joao paulo

detalhes...


JP.BattleKilL
VETERANO
VETERANO
Mensagens: 170
Registrado em: Seg Set 12, 2011 11:53 am
Localização: Bahia Luis Eduardo Magalhães

Adicionar input file

Mensagem por web Offline » Qui Nov 24, 2011 8:02 am

Como os campos são criados dinamicamente, o ideal seria fazer uma validação ao enviar o formulário. Ai a validação teria que ficar em alert.

detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12407
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil

Adicionar input file

Mensagem por JP.BattleKilL Offline » Sáb Dez 10, 2011 11:12 am

tenho o seguinte codigo para gerar um input file
Código: Selecionar todos
<script LANGUAGE="JavaScript">
    totals =0;

    function adiciona(){
    totals++
        tbl = document.getElementById("add")
        var novaLinha = tbl.insertRow(-1);
        var novaCelula;

        novaCelula = novaLinha.insertCell(0);


        novaCelula.innerHTML = "";

        novaCelula = novaLinha.insertCell(1);
      novaCelula.className = "color_td";
        novaCelula.align = "left";
        novaCelula.innerHTML = "<input id='adicional'  type='text' style=' width:200px; height:25px; margin:0 10px 0 0'/><label style='margin:0 10px 0 0'>Valor R$</label><input type='text' style=' width:100px; height:25px;'/><input type='button' id='apagar' value='' onclick='deleteRow(this.parentNode.parentNode.rowIndex)' />";

    }
   </script>


agora a tabela que ja vem a mostra:
Código: Selecionar todos
    <tbody id="add"  width="880" border="0" cellspacing="5">
     <tr>
    <td class="color_td1"><label class="titulo">Adicionais:</label></td>
    <td class="color_td">
    <input id="adicional"  type="text" style=" width:200px; height:25px; margin:0 10px 0 0"/>
    <label style="margin:0 10px 0 0">Valor R$</label><input type="text" style=" width:100px; height:25px;"/>
    <input type="button" id='incluir' value='' onclick='adiciona()' />
    </td>
  </tr></tbody>

eu presisava o seguinte que uma dessas tabelas geradas vinhece com uma id e uma name diferente para eu poder puxar pelo post.
ou se tu tiver algo que usando esse codigo acima eu consiga pegar o resultado do que for digitado ai dentro tambem server. e presiso limitar a quantida de linha que gera.. se puder me ajudar te agradeço.

detalhes...


JP.BattleKilL
VETERANO
VETERANO
Mensagens: 170
Registrado em: Seg Set 12, 2011 11:53 am
Localização: Bahia Luis Eduardo Magalhães

Adicionar input file

Mensagem por JP.BattleKilL Offline » Sáb Dez 10, 2011 11:43 am

mandei o codigo e ele nao esta funcionando aki ta ele atualizado funcionando ele usa jquery ok.

vlw

Código: Selecionar todos
<script src="jquery.js" type="text/javascript"></script>
<script LANGUAGE="JavaScript">
    totals =0;

    function adiciona(){
    totals++
        tbl = document.getElementById("add")
        var novaLinha = tbl.insertRow(-1);
        var novaCelula;

        novaCelula = novaLinha.insertCell(0);


        novaCelula.innerHTML = "";

        novaCelula = novaLinha.insertCell(1);
      novaCelula.className = "color_td";
        novaCelula.align = "left";
        novaCelula.innerHTML = "<input id='adicional'  type='text' style=' width:200px; height:25px; margin:0 10px 0 0'/><label style='margin:0 10px 0 0'>Valor R$</label><input type='text' style=' width:100px; height:25px;'/><input type='button' id='apagar' value='' onclick='deleteRow(this.parentNode.parentNode.rowIndex)' />";

    }
   </script>
<form>

<table id="del"  width="850" border="0" cellspacing="5">

    <tbody id="add"  width="880" border="0" cellspacing="5">
     <tr>
    <td class="color_td1"><label class="titulo">Adicionais:</label></td>
    <td class="color_td">
    <input id="adicional"  type="text" style=" width:200px; height:25px; margin:0 10px 0 0"/>
    <label style="margin:0 10px 0 0">Valor R$</label><input type="text" style=" width:100px; height:25px;"/>
    <input type="button" id='incluir' value='' onclick='adiciona()' />
    </td>
  </tr></tbody>

</table>
</form>


detalhes...


JP.BattleKilL
VETERANO
VETERANO
Mensagens: 170
Registrado em: Seg Set 12, 2011 11:53 am
Localização: Bahia Luis Eduardo Magalhães

Adicionar input file

Mensagem por web Offline » Sáb Dez 10, 2011 1:13 pm

blz.

detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12407
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil

Adicionar input file

Mensagem por JP.BattleKilL Offline » Dom Dez 11, 2011 4:36 pm

ei web sera que teria como me ajudar com o codigo acima ????
presiso criar limitação de add os input files e pegar nos campos o que eu digitar! teria como ??/ me ajudar

so usando esse escript colloca ele com um limite para adicionar e um php em baixo com echo para puxa oque eu digitar!

a nao ser que tu tenha um input file que adicione e se quiser vc delete. pq o primeiro botao o unico que aparece ele adiciono os outros que aparece junto com os campos ao adiciona e para deleta akele campo adicionado.
vc teria algo ai ou poderia me ajudar com esse ?
ficarei grato se puder me ajudar

detalhes...


JP.BattleKilL
VETERANO
VETERANO
Mensagens: 170
Registrado em: Seg Set 12, 2011 11:53 am
Localização: Bahia Luis Eduardo Magalhães

Adicionar input file

Mensagem por web Offline » Dom Dez 11, 2011 4:52 pm

Para limitar a quantidade de inputs criado, você pode usar o seguinte

Código: Selecionar todos
<script>
var quantos = 0;
function cria() {
quantos++;
if(quantos >= 3) {
alert('Máximo de 3 inputs');
return false;
}
// cria o input
novo = document.createElement('input');
// define o tipo do input
novo.setAttribute('type', 'file');
// define o name do input
novo.setAttribute('name', 'arquivo[]');
// input criado
document.getElementById('campos').appendChild(novo);
}
</script>
<form action="" method="GET">
<input type="file" name="arquivo[]">
<!-- id é o número de inputs a ser criado //-->
<input type="button" value="adicionar campos" onclick="cria()">
<div id="campos" style="width:100px;"></div>
<input type="submit">
</form>


detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12407
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil

Anterior

responder a dúvida

Voltar para Javascript, XML e AJAX

Quem está online

Usuários navegando neste fórum: Google Adsense [Bot] e 10 visitantes