Jump to content

Search the Community

Showing results for tags 'input'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Web Development
    • HTML e CSS
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets and other environments
    • WordPress
    • Mobile
    • Agile
    • Desenvolvimento de Games
    • Banco de Dados
    • Design and UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • iMasters's pub

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 108 results

  1. Flasher12

    Ajuda com <map> e <input>

    Boa tarde pessoal. O código é o seguinte: <form action="/teste.php" method="get"> <map name="image-map"> <area target="" alt="" title="" coords="210,233,541,508" shape="rect"> </map> <div> <font face="verdana" color="white">Player: </font> <input type="text" name="nome_player" maxlength="15"><br> </div> <div> <img src="imagens/img_inicial.png" alt="circulo_" class="circulo" usemap="#image-map"/> </div> </form> Estou tentando fazer com com que a área da imagem que esta dentro do <map/> faça o input, alguém poderia me ajudar?
  2. ggbelgamo

    Pegar objeto completo do value

    Estou populando um select através de um list que retorna anoInicio e anoFim. Porém, na hora de mandar esses valores SELECIONADOS como parâmetro pro C# via ajax, o c# identica os valores como sendo nulos. Como resolver? Controller C# que popula o select na view: anos = repository.SearchByFilter(filter).Where(w => w.ModelosTrator.Any(i1 => i1.IdModeloTrator == idModeloTrator)) .Select(s => new AnosDto { AnoInicio = s.AnoInicio, AnoFim = s.AnoFim }) .Distinct() .ToList(); Aqui populo a select, e quando inspeciono no navegador meu value do option está assim: [object Object] //POPULA OS ANOS var selectbox = $('.selectAno'); selectbox.empty(); selectbox.append('<option>Selecione o ano</option>'); $.each(data, function (i, d) { selectbox.append('<option value="' + d + '">' + d.Ano + '</option>'); }); Método recebe o parâmetro com nul após a requisição ajaxl: Desde já agradeço a atenção e colaboração!
  3. Eu sempre tive problemas em utilizar máscaras (mask.js) em campos que podem ser CPF ou CNPJ, então baseado em algumas soluções, fiz algumas adaptações para que o mesmo suporte ambos dados no mesmo campo, e segue a solução. Realize o download do mask plugin, e chame o js na página que recebera a máscara. jQuery Maks Plugin: https://github.com/igorescobar/jQuery-Mask-Plugin <script src="assets/js/jquery.mask.min.js"></script> Adicione a função no seu main.js ou no script de sua página, sempre após o jQuery e o jQuery Mask // jQuery Mask Plugin v1.14.11 // github.com/igorescobar/jQuery-Mask-Plugin var cpfMascara = function (val) { return val.replace(/\D/g, '').length > 11 ? '00.000.000/0000-00' : '000.000.000-009'; }, cpfOptions = { onKeyPress: function(val, e, field, options) { field.mask(cpfMascara.apply({}, arguments), options); } }; $('.mascara-cpfcnpj').mask(cpfMascara, cpfOptions); Agora, basta adicionar a classe .mascara-cpfcnpj, no campo desejado, e o mesmo será apto a receber CPF ou CNPJ. <input name="cpfcnpj" class="mascara-cpfcnpj"/> Pronto!
  4. Joao Augusto Oliveira

    Erro com method POST

    Oi gente, sou novo aqui, e também sou novo na área de TI, enfim estou aprendendo do começo, mas tenho uma grande paixão. Só estou com uma duvida, é um código bem simples, mas quando eu o abro com o wamp, ele simplesmente não faz nada, parece que o formulário não recebe os dados, ou não procede. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Tabuada</title> </head> <body> <?php $tab = 0; $num = 0; if(isset($_Post["Tabuada"])) { $tab = $_Post["Tabuada"]; if(!is_numeric($tab)) { echo "<br> O valor informado não é um numero . <br>"; } else { for ($num=0; $num <= 10 ; $num++) { echo $num . " x " . $tab . " = " . ($num * $tab); } } } ?> <form method="post"> <input type="text" name="Tabuada"> <input type="submit"> </form> </body> </html> E não aparece nada no código fonte também, Obrigado. :D
  5. Preciso fazer com que um mesmo select, automaticamente preecha 4 campos, com dados previamente cadastrados num banco de dados.
  6. Kleb.Gomes

    Mensagem em input

    Olá. Estou com a seguinte dúvida: Tento fazer com que o usuário digite 3 valores de um triângulo em um input cada. Logo em seguida, o código deve mostrar se os valores satisfazem os requisitos para que o triângulo exista e, além disso, qual o tipo do triângulo. Não sei se o ideal seria aqui ou em HTML5. Com ele todo em JS eu consigo fazer, mas quero aprender mais. <meta charset="UTF-8"> <html> <head> <script type="text/javascript"> //esta função mostra uma frase no navegador e pula uma linha. var mostra = function(frase){ document.write(frase + "<br>"); }; //esta função verifica se a condição de existência do triângula é suprida. function condicao_existencia(){ var n1 = parseInt(document.getElementById('base')); var n2 = parseInt(document.getElementById('ladob')); var n3 = parseInt(document.getElementById('ladoc')); if (n1 < n2 + n3 && n2 < n3 + n1 && n3 < n1 + n2){ document.getElementById('existencia').value = "Esses números satisfazem a condição de existência de um triângulo"; } else{ document.getElementById('existencia').value = "Esses números não satisfazem a condição de existência de um triângulo"; }; tipo_triangulo(); }; //esta função checa que tipo de triângulo é function tipo_triangulo(){ if (n1 === n2 && n2 === n3) { document.getElementById('tipo').value = "Esses valores podem formar um triângulo EQUILÁTERO"; }; if (n1 != n2 && n2 != n3 && n3 != n1){ document.getElementById('tipo').value = "Esses valores podem formar um triângulo ESCALENO"; }; if (n1 != n2 && n2 === n3) { document.getElementById('tipo').value = "Esses valores podem formar um triângulo ISÓSCELES"; }; }; //variáveis var n1 = parseInt(document.getElementById('base')); var n2 = parseInt(document.getElementById('ladob')); var n3 = parseInt(document.getElementById('ladoc')); </script> </head> <body> <center> <font size="8" color="purple">PROGRAMA PARA CÁLCULO DE TRIÂNGULO</font><br><br> <form> Informe o valor da base (a) do triângulo: <input type="text" id="base"><br> Informe o valor do lado b do triângulo: <input type="text" id="ladob"><br> Informe o valor do lado c do triângulo: <input type="text" ide="ladoc"><br> <input type="button" id="calcular" value="Verificar Triângulo" onclick="condicao_existencia();"><br> Validade do triângulo: <input type="text" id="existencia"> <br> Tipo de triângulo: <input type="text" id="tipo"> </script> </form> </body> </html>
  7. Pessoal... Procurei na NET, encontrei para LINK, criar dois tipos de links, mas para INPUT's não encontrei. Como posso montar varios tipos estilizados de INPUTS, TEXTAREAS, SELECT??? Contribuições, agradeço. input[type=text], input[type=email] { background: white; border: 1px solid orangered; color: white; height: 40px; border-radius: 5px; } Tentei usar INPUT.modificado[type=text], depois no CLASS do bootstrap HTML, colocar a classe MODIFICADO, mas não ROLA... Sugestões?????????
  8. Ola Pessoal, Seguinte, eu tenho um campo (input) que quando passo o mouse, ele sobe o "nome" do input. Até funciona corretamenta... Quando utilizo type="text" funciona corretamente pois ele considera tudo valido a partir de qualquer preenchimento... Agora, quando utilizo por exemplo type="email", e não preencho com aa@a., e saiu antes de colocar um email valido, o nome de cima some... ae vêem minha luta desde terça feira... .se-form-element input:valid + label { top: -40px; color: black; font-size: 10px; } Assim, ele funciona corretamente quando valido... Agora.... quando esta invalido porém ainda preencheu, é isso que preciso resolver... Segue o link para visualizar melhor (preencha um email invalido e saia do campo): Exemplo
  9. fideles

    Soma de input radio

    Galera, Já quebrei a cabeça um tanto que nem aguento mais pensar.... rs Honestamente, meu forte não e JS. Estou tentando aprender JS, então estou começando "pequeno" com algumas coisas mais não consigo sair do lugar. Vejam o código abaixo; <html> <head> <title>teste</title> <script type="text/javascript"> window.onload = function(){ var i = function(id){ return document.getElementById(id); } i("calcula").onclick = function(){ var c1 = i("prazos1_0").value; var c2 = i("prazos1_1").value; var c3 = i("prazos1_2").value; var c4 = i("prazos1_3").value; var c5 = i("aderencia1_0").value; var c6 = i("aderencia1_1").value; var c7 = i("aderencia1_2").value; var c8 = i("aderencia1_3").value; var result = parseFloat (c1) + parseFloat (c2) + parseFloat (c3) + parseFloat (c4) + parseFloat (c5) + parseFloat (c6) + parseFloat (c7) + parseFloat (c8); i("resultado").innerHTML = result.toFixed(0); } } </script> </head> <body> <fieldset id="c"> <h3>Soma:</h3> <label><input type="radio" name="prazos" value="4" id="prazos1_0" required /><font size="2">Excelente</font></label> <label><input type="radio" name="prazos" value="3" id="prazos1_1" required /><font size="2">Satisfatório</font></label> <label><input type="radio" name="prazos" value="2" id="prazos1_2" required /><font size="2">Razoável</font></label> <label><input type="radio" name="prazos" value="1" id="prazos1_3" required /><font size="2">Insatisfatório</font></label> <br /> <label><input type="radio" name="aderencia" value="4" id="aderencia1_0" required /><font size="2">Excelente</font></label> <label><input type="radio" name="aderencia" value="3" id="aderencia1_1" required /><font size="2">Satisfatório</font></label> <label><input type="radio" name="aderencia" value="2" id="aderencia1_2" required /><font size="2">Razoável</font></label> <label><input type="radio" name="aderencia" value="1" id="aderencia1_3" required /><font size="2">Insatisfatório</font></label> <br /> <button id="calcula">calcular</button> </fieldset> <br> <fieldset> Result: <span id="resultado">0</span> </fieldset> </body> </html> O JS faz a soma corretamente, mais eu gostaria era que ele pegasse o calor do input radio marcado e somasse esse valor, e não o valor total igual ele ta fazendo, Já tentei colocando igual abaixo para ver se soma, ai não funciona. var c1 = i("prazos1_0").value; var c1 = i("prazos1_1").value; var c1 = i("prazos1_2").value; var c1 = i("prazos1_3").value; var c2 = i("aderencia1_0").value; var c2 = i("aderencia1_1").value; var c2 = i("aderencia1_2").value; var c2 = i("aderencia1_3").value; Realmente acho que não consigo mais solução, se alguém puder ajudar, eu agradeço antecipadamente. Grato
  10. New Job

    input number estilos

    Boa noite. Gostaria de ter um input tipo number exatamente igual ao deste site: http://www.bistekonline.com.br/index.aspx Veja que as setas de aumentar ou diminuir o valor estão bem nítidas. Porém com Css não consegui ajustar de forma satisfatória. Alguém tem alguma ideia de como posso fazer isso?
  11. Olá Estou em uma teste onde terei uma planilha dinamica com diversos campos de um Cadastro em uma unica linha, ex: Nome, Idade e Observação. Sendo que eu só consigo salvar registro de um único Input por linha, que é o campo IDADE. Estou utilizando um foreach, não sei se é o melhor caminho. preciso de forma para salvar N registros, linha por linha. nesse exemplo estou apenas imprimindo em tela. TABELA DO FORMULARIO <form method="post" action="gravaregistro.php"> <table width="900" border="1"> <tr> <td colspan="3">Registros</td> </tr> <tr> <td width="159">&nbsp;</td> <td width="334">Idade</td> <td width="385">Observação</td> </tr> <tr> <td>Pedro Henrique</td> <td><input type="text" name="idade[]" id="idade" /></td> <td><label for="idade[]"> <input type="text" name="obs[]" id="obs" /> </label></td> </tr> <tr> <td>Ana Claudia</td> <td><input type="text" name="idade[]" id="idade" /></td> <td><label for="idade[]"> <input type="text" name="obs[]" id="obs" /> </label></td> </tr> </table> <p> <input type="submit" name="Confirma" id="Confirma" value="SALVAR" /> </p> </form> ABAIXO O COD QUE HOJE SALVA APENAS A IDADE <?php foreach($_POST["idade"] as $idade) { echo $idade.'<br>'; } ?> Preciso saber uma forma de Imprimir na tela idade e observação ao mesmo tempo! porque depois vou converter isso em um INSERT. obrigado
  12. alguém sabe como eu faço para criar uma linha igual da imagem anexa para clicar segurando com o botão esquerdo do mouse e arrastar as duas pontas pra esquerda e direita até o valor desejado?
  13. Thyago Barbosa

    Chamar função no input

    Galera, tenho a seguinte função, mas não tou conseguindo chamar ela pelo input <input type="text" name="teste" id="teste" onkeyup="formatReal(this)" /> <script> function formatReal( int ) { var tmp = int+''; var neg = false; if(tmp.indexOf("-") == 0) { neg = true; tmp = tmp.replace("-",""); } if(tmp.length == 1) tmp = "0"+tmp tmp = tmp.replace(/([0-9]{2})$/g, ",$1"); if( tmp.length > 6) tmp = tmp.replace(/([0-9]{3}),([0-9]{2}$)/g, ".$1,$2"); if( tmp.length > 9) tmp = tmp.replace(/([0-9]{3}).([0-9]{3}),([0-9]{2}$)/g,".$1.$2,$3"); if( tmp.length > 12) tmp = tmp.replace(/([0-9]{3}).([0-9]{3}).([0-9]{3}),([0-9]{2}$)/g,".$1.$2.$3,$4"); if(tmp.indexOf(".") == 0) tmp = tmp.replace(".",""); if(tmp.indexOf(",") == 0) tmp = tmp.replace(",","0,"); return (neg ? '-'+tmp : tmp); } </script> Tou querendo chamar a função pelo onkeyup dentro do input mesmo, se alguém souber me ajuda aí
  14. Jack Oliveira

    SQL Injection

    Ola pessoal estou fazendo meu sistema de cadastro em PDO, Mais em alguns campos do formulario de cadastro ou de edição eu quero por espaços ao cadastrar os conteudos e o meu SQL Injection ele bloqueia ou seja ele tira os espaço da onde que eu não quero que sai por causa do trim porem também não quero tirar o trim quero que apenas alguns campo seja cadastrados com os espaços vou mostra os codigo pra vcs.. Este é a minha função SQL Injection <?php // URL Amigavel function UrlAmigavel($str){ $str = strtolower(utf8_decode($str)); $i=1; $str = strtr($str, utf8_decode('à áâãäåæçèéêëìíîïñòóôõöøùúûýýÿ'), 'aaaaaaaceeeeiiiinoooooouuuyyy'); $str = preg_replace("/([^a-z0-9])/",'-',utf8_encode($str)); while($i>0) $str = str_replace('--','-',$str,$i); if (substr($str, -1) == '-') $str = substr($str, 0, -1); return $str; } // SQL Injection function antiInject($tmp_mix){ if(is_array($tmp_mix)){ foreach($tmp_mix as $k => $v){ $tmp_mix[$k] = antiInject($v); } return $tmp_mix; } else { $tmp_mix = preg_replace(mb_sql_regcase("/(%0a|%0d|Content-Type:|bcc:| to:|cc:|Autoreply:|insert |delete |where|drop table|show tables|--|\\\\)/"), "", $tmp_mix); $tmp_mix = preg_replace("/<script.*?\/script>/s", "", $tmp_mix); $tmp_mix = str_replace('"',"'",$tmp_mix); $tmp_mix = trim($tmp_mix); $search = array('--','--','CDATA','<![CDATA['); $replace = ''; $tmp_mix = str_ireplace($search,$replace,$tmp_mix); return $tmp_mix; } } Este aqui é o codigo do formulario de cadastro <div class="tab-content"> <?php if(isset($_GET['AdicionarItem'])){ VerificaCategoria('c_recados'); ?> <form method="post" action="?Adicionar" enctype="multipart/form-data"> <div class="col-md-6"> <div class="form-group"> <label>Nome:</label> <input class="form-control" name="nome" required> </div> <div class="form-group"> <label>Categoria:</label> <select class="form-control" name="id_categoria"> <?php $Query = DBRead('c_recados','*','WHERE id > 0'); if (is_array($Query)) { foreach ($Query as $c_dados) { ?> <option value="<?php echo $c_dados['id']; ?>"><?php echo $c_dados['categoria']; ?></option> <?php } } ?> </select> </div> </div> <div class="col-md-6"> <div class="form-group"> <label>E-mail:</label> <input class="form-control" name="email"> </div> <div class="form-group"> <label>Status:</label> <select class="form-control" name="status"> <option value="S" >Ativo</option> <option value="N">Inativo</option> </select> </div> </div> <div class="col-md-12"> <div class="form-group"> <label>Imagem:</label> <input class="form-control" type="file" name="imagem"> </div> <div class="form-group"> <label>Recado:</label> <textarea class="form-control" name="recado" rows="4" required></textarea> </div> <div class="form-group"> <label>Resposta:</label> <textarea class="form-control" name="resposta" rows="4"></textarea> </div> <center><hr> <button class="btn btn-primary">Adicionar</button> <br><br> </center> </div> </form> No caso ai quero apenas nestes campos seja cadastrados com os espaços porem que o trim não tira eles <div class="form-group"> <label>Recado:</label> <textarea class="form-control" name="recado" rows="4" required></textarea> </div> <div class="form-group"> <label>Resposta:</label> <textarea class="form-control" name="resposta" rows="4"></textarea> </div>
  15. tiagocancado

    Formulário HTML/CSS

    Boa tarde. Estou com um problema no meu código. Não estou conseguindo alinhar meu formulário do jeito que estou precisando. Gostaria da ajuda de vocês para dar uma luz. Eu consegui centralizar, mas falta alinhar. Embaixo da imagem está o código que eu implementei . <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Escola Virtual</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <div class="container"> <form action="" method="get" enctype="multipart/form-data" target=""> <fieldset> <center> <h1>Escola Virtual</h1> <h2>Formulário de Pré-Matrícula</h2> </center> <fieldset> <h3>Dados Pessoais:</h3> <center> <p>Nome do Aluno: <input type="text" required name="name" size="20" maxlength="40" id="fname" placeholder="Tiago"><br> </p> <p>Nascimento (dd/mm/aaaa): <input type="data" required name="dia" size="1" maxlength="2" id="dia" placeholder="dia">/ <input type="data" required name="mes" size="1" maxlength="2" id="mes" placeholder="mês">/ <input type="data" required name="ano" size="1" maxlength="4" id="ano" placeholder="ano"> </p> <p>Nome da Mãe: <input type="text" required name="mae" size="20" maxlength="40" id="mae" placeholder="Nome da mãe"><br> </p> <p>Nome do Pai: <input type="text" required name="pai" size="20" maxlength="40" id="pai" placeholder="Nome do pai"><br> </p> <p>Telefone: DDD ( <input type="tel" required name="ddd" size="1" maxlength="2" id="ddd"placeholder="DDD">) Tel:<input type="tel" required name="telefone" size="5" maxlength="8" id="tel" placeholder="telefone"> Ramal:<input type="tel" required name="ramal" size="2" maxlength="4" id="ramal" placeholder="ramal"><br> </p> <p>E-mail: <input type="email" required name="email" size="20" maxlength="40" id="email" placeholder="aaa@aaa.com" ><br> </p> </center> </fieldset> <fieldset> <h3>Informações de Matrícula:</h3> <div class="principal"> <div class="series"> <p> Série: <br /> <select name="serie"> <option value="valor1">pré-escolar</option> <option value="valor2">1a série 1o grau</option> <option value="valor3">2a série 1o grau</option> <option value="valor4">3a série 1o grau</option> <option value="valor5">4a série 1o grau</option> <option value="valor6">5a série 1o grau</option> <option value="valor7">6a série 1o grau</option> <option value="valor8">7a série 1o grau</option> <option value="valor9">8a série 1o grau</option> <option value="valor10">1a série 2o grau</option> <option value="valor11">2a série 2o grau</option> <option value="valor12">3a série 2o grau</option> </select> </p> </div> <div class="turno"> <p> Turno:<br /> <input type="radio" name="turno" value="manhã">Manhã<br> <input type="radio" name="turno" value="tarde">Tarde<br> </p> </div> <div class="atividade"> <p>Atividades Extracurriculares:<br /> <input type="checkbox" name="inf">Informática<br> <input type="checkbox" name="mus" >Música<br> <input type="checkbox" name="bal" >Balet<br> <input type="checkbox" name="pin" >Pintura<br> <input type="checkbox" name="jud" >Judô<br> <input type="checkbox" name="fut" >Futebol<br> </p> </div> </div> </fieldset> <input type="submit" name="enviar" value="Enviar"> <input type="reset" name="resetar" value="Reset"> </fieldset> </form> </div> </html> A imagem está saindo assim: O formulário tem que ficar dessa maneira:
  16. Ariel Oliveira

    Inserir vários campos dinamicamente

    Fala galera! Estou com uma dúvida... Preciso criar uma página que insira campos dinamicamente. Pesquisando na web, achei vários códigos que mostram como adicionar campos dinamicamente, porém, em todos os exemplos eu vejo ele adicionando apenas um tipo de campo. Na página que eu preciso criar tem que ter a opção de adicionar três tipos de campo, sendo eles input dos tipos: text, radio e checkbox. Ou seja, na página tem que conter a opção para adicionar qualquer um dos três, basta eu selecionar o tipo de campo que desejo adicionar e ele criará, eu consigo fazer isso para apenas um tipo de input, mas ao tentar duplicar o código para alterar o tipo de input ele simplesmente buga. Enfim, segue o meu código atual: <html> <head> <title>Formulário teste</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> </head> <body> <div class="container"> <br /> <br /> <h2 align="center">Criando Formulário</h2> <div class="form-group"> <form name="add_name" id="add_name"> <div class="table-responsive"> <table class="table table-bordered" id="dynamic_field"> <tr> <td><input type="text" name="name[]" placeholder="" class="form-control name_list" /></td> <td><button type="button" name="add" id="add" class="btn btn-success">Adicionar Mais</button></td> </tr> </table> <input type="button" name="submit" id="submit" class="btn btn-info" value="Submeter" /> </div> </form> </div> </div> </body> </html> <script> $(document).ready(function(){ var i=1; $('#add').click(function(){ i++; $('#dynamic_field').append('<tr id="row'+i+'"><td><input type="text" name="name[]" placeholder="" class="form-control name_list" /></td><td><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">X</button></td></tr>'); }); $(document).on('click', '.btn_remove', function(){ var button_id = $(this).attr("id"); $('#row'+button_id+'').remove(); }); $('#submit').click(function(){ $.ajax({ url:"name.php", method:"POST", data:$('#add_name').serialize(), success:function(data) { alert(data); $('#add_name')[0].reset(); } }); }); }); </script> Desde já, agradeço a ajuda!
  17. Ariel Oliveira

    Inserir vários campos dinamicamente

    Fala galera! Estou com uma dúvida... Preciso criar uma página que insira campos dinamicamente. Pesquisando na web, achei vários códigos que mostram como adicionar campos dinamicamente, porém, em todos os exemplos eu vejo ele adicionando apenas um tipo de campo. Na página que eu preciso criar tem que ter a opção de adicionar três tipos de campo, sendo eles input dos tipos: text, radio e checkbox. Ou seja, na página tem que conter a opção para adicionar qualquer um dos três, basta eu selecionar o tipo de campo que desejo adicionar e ele criará, eu consigo fazer isso para apenas um tipo de input, mas ao tentar duplicar o código para alterar o tipo de input ele simplesmente buga. Enfim, segue o meu código atual: <html> <head> <title>Formulário teste</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> </head> <body> <div class="container"> <br /> <br /> <h2 align="center">Criando Formulário</h2> <div class="form-group"> <form name="add_name" id="add_name"> <div class="table-responsive"> <table class="table table-bordered" id="dynamic_field"> <tr> <td><input type="text" name="name[]" placeholder="" class="form-control name_list" /></td> <td><button type="button" name="add" id="add" class="btn btn-success">Adicionar Mais</button></td> </tr> </table> <input type="button" name="submit" id="submit" class="btn btn-info" value="Submeter" /> </div> </form> </div> </div> </body> </html> <script> $(document).ready(function(){ var i=1; $('#add').click(function(){ i++; $('#dynamic_field').append('<tr id="row'+i+'"><td><input type="text" name="name[]" placeholder="" class="form-control name_list" /></td><td><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">X</button></td></tr>'); }); $(document).on('click', '.btn_remove', function(){ var button_id = $(this).attr("id"); $('#row'+button_id+'').remove(); }); $('#submit').click(function(){ $.ajax({ url:"name.php", method:"POST", data:$('#add_name').serialize(), success:function(data) { alert(data); $('#add_name')[0].reset(); } }); }); }); </script> Desde já, agradeço a ajuda!
  18. TeixeiraRamos

    No input file specified.

    Por favor, estou tendo que recriar as minhas páginas em ASP (com banco de dados MySQL) para PHP (banco MySQL). Para criar banco de dados uso SQLyog. Já faz algum tempo que instalei algo para iniciar os estudos para criar páginas em PHP. Fui obrigado a parar por motivo de saúde (internação). Lembro que chequei a abrir página em PHP, mas depois não lembro motivo, mas começou a mostrar mensagem "No input file specified." Hoje, continuo sem condições de abrir a mais simples página em PHP, seja ela com banco de dados ou não. Uso o DW CC 2017, mas para iniciar os estudos só uso o bloco de notas. Observei que tenho no meu computador, sistema Op. Windows 7 Profissional: "php.exe", "pnp.ini", uma pasta "PHP" com diversos arquivos "dll", "txt", outro PHP5 com diversos arquivos. O que devo observar iniar meus estudos para criar pasta em PHP. Obrigado.
  19. Nauticonews Cnc

    inputs duplicando no formulario

    Pessoal to mexendo nesse codigo pra simular parcelas de um valor mais quando a pessoa coloca exemplo: 10 x, ele mostra 10 resultados, eu queria que ele mostrasse apenas um resultado Exmplo como está: Total R$ 1.000,00 Condição de pagamento: Parcelado Parcelar em 5 Resultado: 200.00 200.00 200.00 200.00 200.00 Eu queria que ficasse assim: Total R$ 1.000,00 Condição de pagamento: Parcelado Parcelar em 5 Resultado: 200.00 segue o codigo <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <Script> //Funcao para atualizar as parcelas e seus valores function atualizaValores(){ // pegando a quantidade de parcelas var valor=$("#n-parcelas").val(); //variavel que recebe os inputs(HTML) var geraInputs=""; //Calculando o valor de cada parcela var valorParcela=parseFloat($(".total").val()/valor).toFixed(2); //gerando os inputs com os valores de cada parcela for(var i=0; i<valor;i++){ geraInputs+="<td> <input width='100' type='text' name='parcela[]' value='"+valorParcela+"'> </td>"; } // inserindo as parcelas $("#parcelas").html(geraInputs); } $(document).ready(function(e) { $(".total").on('change keyup keydown keypress',function(){ // ao alterar o valor total, chama a funcao para alterar as parcelas atualizaValores(); }); $('#condicao-pag').on('change', 'select', function() { // ao alterar a condicao de pagamento,chama a funcao para alterar as parcelas atualizaValores(); if($(this).val() == 1){ $('#parcelamento').show(); /*Calcular valor das parcelas (2x, 3x, 4x) e preencher inputs*/ $('#parcelas').show(); } else{ $('#parcelamento').hide(); $('#parcelas').hide(); $("input[name='parcela[]']").val(''); } }) $('#n-parcelas').on('change', function() { /*Calcular valor das parcelas (2x, 3x, 4x) e preencher inputs*/ //Ao alterar a quantidade e parcelas chama a funcao para alterar as parcelas atualizaValores(); }); }); </SCRIPT> <table width="400"> <tbody> <tr> <td width="200"><label>Total R$</label></td> <td width="100"><input type="text" min="0" class="total" value="1000" /></td> </tr> <tr name="condicao-pag" id="condicao-pag"> <td width="200"><label>Condição de pagamento:</label></td> <td width="100"> <select> <option value=0>Simular</option> <option value=1>Quantidade de Parcelas</option> </select> </td> </tr> <tr id="parcelamento" style="display:none"> <td width="200">Parcelar em</td> <td><input id="n-parcelas" type="text" min="0" class="total" value="" /> </td> </tr> <tr > <td width="200">&nbsp;</td> <td width="100" id="parcelas" style="display:none"></td> </tr> </tbody> </table> </body>
  20. Marcos Del Valle

    Preencher input via url

    Eu sou novo em php, não sei como fazer isso. Eu ja tenho um sistema pronto que fiz de acordo com as minhas necessidades, mas o site de terceiro seria pra cadastrar os clientes pro fechamento de contrato. Exemplo : Form do meu : Nome completo do usuario / CPF do usuario / RG ... etc Ai no site de terceiro Form do site : Nome do Titular / CPF do titular / RG do titular ... Ai quando eu pego <a>, eu gostaria que preenchesse os dados no site de terceiro... assim facilitando os clientes.
  21. juninhogpe

    Abrir novo input

    Boa tarde. Pessoal alguém poderia me indicar um tutorial ou por onde começar para fazer o seguinte: Tenho um campo do tipo "select" e ao selecionar uma das opções gostaria que fosse aberto um input para digitar por exemplo o endereço da pessoa, caso for outro campo selecionado esse input não é exibido. Obrigado.
  22. juninhogpe

    Incluir campos inputs

    Bom dia pessoal. Tenho um campo do tipo "input text" e tenho um símbolo de "+" ao lado e gostaria de quando clicar nesse mais adicionasse um input do tipo text abaixo desse e assim por diante, vocês poderiam me indicar qual caminho devo seguir para chegar nesse resultado ou algum plugin que posso utilizar? Agradeço. Att.
  23. Buenas pessoas Sou meio cabaço nesse paranaue e to apanhado pra fazer um update numa tabela... Tenho esse resultado: Através desse código: <!--<meta http-equiv="refresh" content="5">--> <link rel="stylesheet" type="text/css" href="CSS/style.css" /> </head> <body> <?php include 'conect.php'; $sql = "SELECT cod_key, ativo, direcao, qtde, entrada, saida FROM trades"; $result = $MySQLi->query($sql); if ($result->num_rows > 0) { echo "<table border='1' width='100%' class='tab'><tr><th>Ativo</th><th>Direção</th><th>Qtde</th><th>Entrada</th><th>Saida</th><th></th></tr>"; // output data of each row while($row = $result->fetch_assoc()) { echo "<tr><td>".$row["ativo"]."</td><td>".$row["direcao"]."</td><td>".$row["qtde"]."</td><td>" . $row["entrada"]. "</td><td><input type='text' value='$row[saida]' class='template_campo' name='saida'></td><td><form action='update_trades.php' method='post'><input type='submit' value='zerar'></form></td></tr>"; } echo "</table>"; } else { echo "0 results"; } $MySQLi->close(); E através do botão zerar da imagem acima, executo o código para realizar o update: <?php include 'conect.php'; $id = 111; $valor = 666; $sql = "UPDATE `trades` SET `saida`= '$valor' WHERE `cod_key` = $id"; if ($MySQLi->query($sql) === TRUE) { echo "<meta http-equiv=\"refresh\" content=\"0;URL=select_trades.php\">"; } else { echo "Error: " . $sql . "<br>" . $MySQLi->error; } $MySQLi->close(); Quado informo o o novo valor do campo "saida" e a chave primaria da tabela manualmente , funciona belezinha, o registro é editado... Porem,não estou sabendo fazer duas coisas... A) Passar o valor do campo pra query... tentei usando $_post[nome do campo] como fiz com o input, mas não funcionou (achei meu erro, o campo estava fora do form) B) Pegar o ID da consulta e associar ao respectivo botão para fazer o update no registro certo Gracias
  24. Olá srs, estou com uma duvida em um exercício de javascript. Meu professor passou um código onde o background da caixa de texto de um formulário deveria alterar a cor, mas não está funcionando de forma adequada. Segue abaixo o código. OBS: Tem uma função paralela chamada validar, mas não é o problema...meu problema está na operação mudacor. Grato a todos. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML Aula 29 - Javascript Parte 10 - Validação de formulários</title> <script language="JavaScript"> function validar() { if (document.cad.fnome.value == ""){ alert("Campo nome Não pode ser Vazio"); document.cad.fnome.focus(); return false; } if (document.cad.fsenha.value == ""){ alert("Senha não pode estar em branco"); document.cad.fsenha.focus(); return false; } if (document.cad.ftel.value == ""){ alert("Digite o Telefone"); document.cad.ftel.focus(); return false; } } function mudacor(obj,tipo) { if(tipo == 1) { obj.style.backgroundColor == "#ff0000"; obj.style.color == "#ffffff"; }else if (tipo == 2){ obj.style.backgroundColor == "#ffffff"; obj.style.color == "#000000"; } } </script> </head> <body> <form name="cad" onsubmit="return validar()"> <label>Nome: </label><br> <input type="text" name="fnome" size="50" onfocus="mudacor(this,1)" onblur="mudacor(this,2)"/><br><br> <label>Senha</label><br> <input type="password" name="fsenha" size="15"><br><br> <label>Telefone:</label><br> <input type="tel" name="ftel" size="15"><br><br> <input type="submit" value="enviar"> </form> </body> </html>
  25. Olá Pessoal , eu estou desenvolvendo um web site, e ele é responsivo , e tenho um formulário para preencher uma data, nele eu uso o datepicker do Bootstrap , ate ai tudo beleza, mas quando eu acesso pelo celular , aparece o calendário tudo beleza do datepicker para preencher a data, mas eu queria remover , ou impedir que suba o teclado do celular ao clicar nesta input, tem como , porque eu não faço ideia se da, alguém pode me ajudar ai.
×

Important Information

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