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 125 results

  1. Preciso fazer com que um mesmo select, automaticamente preecha 4 campos, com dados previamente cadastrados num banco de dados.
  2. 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>
  3. 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?????????
  4. 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
  5. 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
  6. 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?
  7. 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
  8. 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?
  9. 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í
  10. 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>
  11. 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:
  12. 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!
  13. 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!
  14. 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.
  15. 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>
  16. 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.
  17. 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.
  18. 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.
  19. 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
  20. 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>
  21. 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.
  22. allyssondwk

    Centralizar input

    Boa dia, Eu comecei recentemente trabalhar com bootstrap e estou com uma dificuldade. Abaixo vou demonstrar meu código e explico a situação: <div class="capa"> <div class="texto-capa"> <div class="container"> <div class="row"> <h1>AVRESER</h1> <h3>Muito mais que uma reserva</h3> </div> <div class="row caixa"> <div class="col-md-2"> t </div> <div class="col-md-8 form-group "> <div class="row caixa-pesquisa"> <form method="post" action="cidade.php"> <div class="col-md-1" style="border: 1px solid red;"> <span class="glyphicon glyphicon-search icon-pesquisa"></span> </div> <div class="col-md-9" style="border: 1px solid red;"> <div class="form-group caixa-pesquisa-div"> <input type="text" name="" class="form-control caixa-pesquisa-input"> </div> </div> <div class="col-md-2 form-group" style="border: 1px solid red;"> <button class="btn btn-success" type="button">Search</button> </div> </form> </div> </div> <div class="col-md-2"> t </div> </div> </div> </div> </div><!-- Capa --> Minha primeira dúvida é a seguinte, eu posso criar Grids dentro de outras ? Igual e fiz na "row caixa" criei um layout md-2 md-8 md-2 e dentro do md-8 criei uma nova grid? E a dúvida principal, na row dentro da classe caixa-pesquisa eu criei um css: .caixa-pesquisa { background: white; height: 50px; border-radius: 2px; } E gostaria de deixar o input ou centralizado, ou 100% em referencia à caixa-pesquisa. Espero ter deixado claro minhas dúvidas, é a primeira vez que participo do fórum. Atenciosamente.
  23. itsMRX

    DUVIDAS COM INPUT E CHECKBOX

    Bom dia a todos. Galera, minha dúvida acho que é "simples" pra quem já é mais experiente, mas ainda sou iniciante e to enrolado aqui. Então, estou criando um portal de criação de mensagens automáticas para um servidor que eu tenho. Primeiramente verifiquem meu código e analisem: <p>Quantas mensagens deseja adicionar?</p> <form method='post' id="form"> <input type='text' name='mensagem'> <input type='submit' value="Ir"> <input type='reset' value='Cancelar' onClick="javascript:window.location.href='painel.php'"> </form> <?php if (isset($_POST['mensagem'])) { $msg = $_POST['mensagem']; $conta = 0; if(!is_numeric($msg)){ $msg = 1; echo "Digite um valor numérico!"; } echo " <table border='1'> <tr> <th></th> <th>Digite a mensagem:</th> <th>Confirmar</th> </tr>"; do{ $conta += 1; echo " <tr> <th>Mensagem $conta </th> <th><input type='text' name='mens'></th> <th><input type='checkbox' name='ok' value='ok'> OK<br></th> </tr>"; }while($conta < $msg); echo "<form method='get' action='?e='> <th><th><th><input type='submit' value='Adicionar'></th></th></th>"; echo "</table>"; } ?> Então, o que eu quero é que cada mensagem do ou dos inputs (pois quem define a quantidade é o usuario e isso que está me complicando) que estão com checkbox assinado sejam enviados para meu banco de dados ao clicar no botão "Adicionar". OBS.: Eu sei como faz a inserção pra tabela da db, etc. A dúvida mais cruel é saber como eu vou definir cada checkbox pra cada input e colocar essa condição de só enviar pra tabela da db as inputs marcadas o checkbox. Aguardo respostas, espero que tenham entendido e possam me ajuda! =D
  24. josenilson

    input dinamico

    Boa pessoal, tem como alimentar variáveis com o mesmo input ? exemplo preciso ter em tela somente um input , e nesse input ele vai começar assim, digite seu nome, quando eu digitar o nome ele vai me pedir a idade, digite sua idade, digite sua cidade, etc quando terminar preciso ter salvo esse valores em variáveis, $nome,$idade, $cidade, não sei se isso é mesmo em java script ou php assim vai desculpando ai se postei no lugar errado .
  25. Boa tarde, estou com um problema ( Desde já digo, não conheço muito sobre javascript ). Tenho um formulário onde um determinado <input type="text"> se inicia bloqueado, quando o usuário seleciona alguma modalidade de DUPLA através do checkbox, o campo é liberado para o preenchimento, todavia, se o usuário desmarcar o checkbox selecionado o campo deve voltar a ficar bloqueado. Consegui realizar esse evento usando apenas UM checkbox, contudo não consigo fazer o evento funcionar quando uso mais de um checkbox para controlar o evento. São 5 checkbox, ao selecionar qualquer um deles, o campo é habilitado, mas se ele desmarcar o checkbox e, não houver NENHUM checkbox marcado, o campo deve ser bloqueado novamente. Desde já, obrigado. CÓDIGO JS ( Sim, eu sei, está horrível, não consegui fazer rodas usando um só id, então criei um id para cada checkbox) $(document).ready(function() { // desabilitando o campo $('.travamento-dupla').attr("disabled", true); // mudando a cor do campo $('.travamento-dupla').css("background-color", "#cccccc"); }); $(document).ready(function() { $("#disable").click(function (){ // habilitando o campo $('.travamento-dupla').attr("disabled", false); // mudando a cor do campo $('.travamento-dupla').css("background-color", "#ffffff"); }); }); $(document).ready(function() { $("#disable1").click(function (){ // habilitando o campo $('.travamento-dupla').attr("disabled", false); // mudando a cor do campo $('.travamento-dupla').css("background-color", "#ffffff"); }); }); $(document).ready(function() { $("#disable2").click(function (){ // habilitando o campo $('.travamento-dupla').attr("disabled", false); // mudando a cor do campo $('.travamento-dupla').css("background-color", "#ffffff"); }); }); $(document).ready(function() { $("#disable3").click(function (){ // habilitando o campo $('.travamento-dupla').attr("disabled", false); // mudando a cor do campo $('.travamento-dupla').css("background-color", "#ffffff"); }); }); $(document).ready(function() { $("#disable4").click(function (){ // habilitando o campo $('.travamento-dupla').attr("disabled", false); // mudando a cor do campo $('.travamento-dupla').css("background-color", "#ffffff"); }); }); FIM CÓDIGO JS CÓDIGO HTML <input id="disable" type="checkbox" name="modalidades[]" value="Truco, ">Truco<br/> <input id="disable1" type="checkbox" name="modalidades[]" value="Dominó, " > Dominó <br/> <input id="disable2" type="checkbox" name="modalidades[]" value="Canastra, " > Canastra<br/> <input id="disable3" type="checkbox" name="modalidades[]" value="Tênis de quadra - Dupla mista, " > Tênis de quadra - Dupla mista <br/> <input id="disable4" type="checkbox" name="modalidades[]" value="Tênis de quadra - Dupla Masculino e Feminino, " > Tênis de quadra - Dupla Masculino e Feminino <br/> <input class="travamento-dupla" type="text" name="nomedupla" placeholder="Campo válido somente para as modalidades em dupla" maxlength="50" required/> FIM CÓDIGO HTML
×

Important Information

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