Jump to content

SeveroSoft

Members
  • Content count

    22
  • Joined

  • Last visited

Community Reputation

0 Comum

About SeveroSoft

Recent Profile Visitors

181 profile views
  1. SeveroSoft

    Mostrar checkbox de acordo com opção do select

    Então amigo, agradeço a referencia... Mas como informei não entendo nada de Ajax/json. e essa questão de aparecer options eu queria q aparecesse imputs. Desde-ja agradeço
  2. Fala mentes brilhantes, como vocês estão? bem? Bom, hoje precisava de uma ajudinha de vocês, espero que consigam me dar uma força . Sistema: Estou desenvolvendo um sistema de atendimento em mesas de um restaurante. Para isso adicionei 1 select options que chama a tabela CATEGORIAS (SEGUE A IMAGEM) Ao selecionar a categoria (Por exemplo "Pizzas") Carrega as opções no outro Select Options abaixo que se chama produtos. Até ai tudo bem... Oque preciso agora é fazer com que ao SELECIONAR A OPÇÃO PIZZA mostre apenas os CHECKBOX que estão relacionados ao produto (Tem na tabela um campo chamado id_modificadores, que if o id_prod (Na tabela modificadores) == id_modificadores (Na tabela produtos) { } CÓDIGO QUE INFORMA OS MODIFICADORES. <?php while($reg3 = $query3->fetch_array()) { ?> <?php $nome_mod = $reg3["nome_mod"]; $nome_opt_mod = $reg3["nome_opcao_mod"]; $preco_mod = $reg3["preco_mod"]; $arrays = explode(',', $nome_opt_mod); $arrays_preco = explode(',', $preco_mod); echo "<br> <div class='col-sm-6'> <div class='card'> <h5 class='card-header'>$nome_mod</h5> <div class='card-body' name='id_modificadores' id='id_modificadores'> "; foreach($arrays as $valores) { echo "<div class='form-check'> <span type='hidden' class='switch switch-sm'><input type='checkbox' name='modificador[]' class='form-check-input' id='$valores' value='$valores'> <label for='$valores'><h5 class='card-title'>$valores</h5></label><br></div>"; } echo " </div> </div><br> </div>"; } ?> Aparentemente não entendo nada de AJAX, e o sistema que usei nos select options foi do CELKE, mas não funciona para checkbox. Lembrando que estes checkbox passam por um EXPLODE para se separarem pois eles vão para o banco de dados por ','. Desde-já agradeço a todos e tenham uma ótima semana. Aguardo ansiosamente por esse HELP. Atenciosamente Lucas Severo
  3. SeveroSoft

    Carregar While<select> dentro de um Modal

    Up :(
  4. Olá grandes mentes do forum imasters. Estou precisando de uma ajudinha em relação a uma dúvida. Preciso carregar um While com select dentro de um modal. O modal precisa carregar as informações do select de acordo com a opção selecionada no botão. Tentei fazendo o select com WHERE mas retornou para todos os modal. Poderiam me ajudar? Agradeço desde-já e tenham todos uma ótima semana.
  5. SeveroSoft

    Campos Dinamicos []

    Mesmo assim agradeço por toda atenção, vou estudar mais sobre tudo isso. Sabe me dizer o nome dessa função que preciso? é array, vetor, dinamico? haha me perdi um pouco. Ai vou estudar sobre isso tudo E novamente agradeço por tudo.
  6. SeveroSoft

    Campos Dinamicos []

    Entendi a forma principal que você disse que pode haver erros, mas o modo final de fazer vou demorar um pouco pra entender, bem complexo haha. Mas vou estudar. Oque estou tentando desenvolver é um cadastro de produto, onde existe a tabela PRODUTOS e outra tabela MODIFICADORES. O cliente cadastra por exemplo: Produto: Pizza Modificador: Tamanho, Gigante, 60,00 Modificador: Sabores, Calabresa, Bacon, Ovo, Milho com bacon, Nutella(6,00) Podendo abrir novos campos nos modificadores para adicionar outros sabores e valor por exemplo Se caso você esteja interessado em me ajudar, até mesmo por um custo X podemos conversar :) Mesmo assim agradeço de coração por toda ajuda. Vlw @Matheus Tavares
  7. SeveroSoft

    Campos Dinamicos []

    @Matheus Tavares Obrigado por responder amigo. Admiro seu trabalho. Estou me complicando na hora de particionar isso ao banco de dados, e depois para filtrar esse valor para opções separadas. Precisava entender como que esse valor entra na tabela pelo INSERT INTO. e depois como ele volta pro script pelo SELECT. se pudesse me mostrar um exemplo me ajudaria muito. Obrigado.
  8. SeveroSoft

    Campos Dinamicos []

    Olá amigos tudo bem? estou precisando de uma "aulinha/ajudinha" com a seguinte situação: <input type='checkbox' name='modificador[]' class='form-check-input' id='<?=$reg3["id"]?>' value='<?=$reg3["id"]?>'> Tenho estes checkbox que são listados a partir de um banco de dados com um while. Por isso todos os checkbox tendem a ter o mesmo NAME 'modificador[]'. Até ai perfeito, consigo receber os valores quando dou Print ou echo. acontece que quando vou enviar os valores para o banco de dados o valor exibido é sempre o ultimo selecionado. Ou seja, se tiver 4 checkbox, e o value da ultima for 4, este será o numero que irá enviar ao banco de dados. Oque preciso é de uma maneira de enviar todos os valores selecionados para o banco. Exemplo 1, 2, 3, 4 E também se possível me explicar como faço para receber esses valores separadamente com o select em outra pagina PHP. Desde-já agradeço a atenção de todos. :)
  9. SeveroSoft

    Selecionar e adicionar campo

    Eu uso uma função em javascript vou enviar abaixo um exemplo... <div id="hiddenDiv" style="visibility:hidden;"> <select id="tamanho_1" onchange="optionCheck1()"> <option value="0">Selecione</option> <option value="broto">Broto</option> <option value="pequena">Pequena</option> <option value="media">Média</option> <option value="grande">Grande</option> <option value="gigante">Gigante</option> </select> </div> <div id="hiddenDiv2" style="visibility:hidden;"> Selecione o tamanho da pizza 2: <select id="tamanho_2" onchange="optionCheck2()"> <option value="02">Selecione</option> <option value="broto2">Broto</option> <option value="pequena2">Pequena</option> <option value="media2">Média</option> <option value="grande2">Grande</option> <option value="gigante2">Gigante</option> </select> </div> <div id="broto" style="display:none;"> 1 campo sabor </div> <div id="pequena" style="display:none;"> 2 campos sabor </div> <div id="media" style="display:none;"> 3 campo sabor </div> <div id="grande" style="display:none;"> 4 campos sabores </div> <div id="gigante" style="display:none;"> 4 campos sabores </div> <div id="broto2" style="display:none;"> 1 campo sabor </div> <div id="pequena2" style="display:none;"> 2 campos sabor </div> <div id="media2" style="display:none;"> 3 campo sabor </div> <div id="grande2" style="display:none;"> 4 campos sabores </div> <div id="gigante2" style="display:none;"> 4 campos sabores </div> <script> function optionCheck(){ var option = document.getElementById("options").value; if(option == "1 pizza"){ document.getElementById("container").style.display ="block"; document.getElementById("hiddenDiv2").style.visibility ="hidden"; document.getElementById("hiddenDiv3").style.visibility ="hidden"; document.getElementById("hiddenDiv4").style.visibility ="hidden"; document.getElementById("hiddenDiv").style.visibility ="visible"; document.getElementById("container").style.visibility ="visible"; document.getElementById("container2").style.visibility ="visible"; document.getElementById("hiddenDiv5").style.visibility ="hidden"; } if(option == "2 pizzas"){ document.getElementById("container").style.display ="block"; document.getElementById("hiddenDiv3").style.visibility ="hidden"; document.getElementById("hiddenDiv4").style.visibility ="hidden"; document.getElementById("hiddenDiv").style.visibility ="visible"; document.getElementById("hiddenDiv2").style.visibility ="visible"; document.getElementById("container").style.visibility ="visible"; document.getElementById("container2").style.visibility ="visible"; document.getElementById("hiddenDiv5").style.visibility ="hidden"; } if(option == "3 pizzas"){ document.getElementById("container").style.display ="block"; document.getElementById("hiddenDiv4").style.visibility ="hidden"; document.getElementById("hiddenDiv2").style.visibility ="visible"; document.getElementById("hiddenDiv").style.visibility ="visible"; document.getElementById("hiddenDiv3").style.visibility ="visible"; document.getElementById("container").style.visibility ="visible"; document.getElementById("container2").style.visibility ="visible"; document.getElementById("hiddenDiv5").style.visibility ="hidden"; } if(option == "4 pizzas"){ document.getElementById("container").style.display ="block"; document.getElementById("hiddenDiv3").style.visibility ="visible"; document.getElementById("hiddenDiv2").style.visibility ="visible"; document.getElementById("hiddenDiv").style.visibility ="visible"; document.getElementById("hiddenDiv4").style.visibility ="visible"; document.getElementById("container").style.visibility ="visible"; document.getElementById("container2").style.visibility ="visible"; document.getElementById("hiddenDiv5").style.visibility ="hidden"; } if(option == "0"){ document.getElementById("container").style.display ="none"; document.getElementById("hiddenDiv3").style.visibility ="hidden"; document.getElementById("hiddenDiv2").style.visibility ="hidden"; document.getElementById("hiddenDiv").style.visibility ="hidden"; document.getElementById("container").style.visibility ="hidden"; document.getElementById("container2").style.visibility ="hidden"; document.getElementById("hiddenDiv4").style.visibility ="hidden"; document.getElementById("hiddenDiv5").style.visibility ="visible"; } } function optionCheck1(){ var option = document.getElementById("tamanho_1").value; if(option == "broto"){ document.getElementById("field").style.display ="block"; document.getElementById("grande").style.visibility ="hidden"; document.getElementById("grande").style.display ="none"; document.getElementById("media").style.visibility ="hidden"; document.getElementById("media").style.display ="none"; document.getElementById("pequena").style.visibility ="hidden"; document.getElementById("pequena").style.display ="none"; document.getElementById("broto").style.display ="block"; document.getElementById("broto").style.visibility ="visible"; document.getElementById("gigante").style.display ="none"; document.getElementById("gigante").style.visibility ="hidden"; } if(option == "pequena"){ document.getElementById("broto").style.visibility ="hidden"; document.getElementById("field").style.display ="block"; document.getElementById("broto").style.display ="none"; document.getElementById("pequena").style.visibility ="visible"; document.getElementById("pequena").style.display ="block"; document.getElementById("media").style.visibility ="hidden"; document.getElementById("media").style.display ="none"; document.getElementById("grande").style.display ="none"; document.getElementById("grande").style.visibility ="hidden"; document.getElementById("gigante").style.visibility ="hidden"; document.getElementById("gigante").style.display ="none"; } if(option == "media"){ document.getElementById("field").style.display ="block"; document.getElementById("broto").style.visibility ="hidden"; document.getElementById("broto").style.display ="none"; document.getElementById("pequena").style.visibility ="hidden"; document.getElementById("pequena").style.display ="none"; document.getElementById("media").style.visibility ="visible"; document.getElementById("media").style.display ="block"; document.getElementById("grande").style.display ="none"; document.getElementById("grande").style.visibility ="hidden"; document.getElementById("gigante").style.visibility ="hidden"; document.getElementById("gigante").style.display ="none"; } if(option == "grande"){ document.getElementById("field").style.display ="block"; document.getElementById("broto").style.visibility ="hidden"; document.getElementById("broto").style.display ="none"; document.getElementById("pequena").style.visibility ="hidden"; document.getElementById("pequena").style.display ="none"; document.getElementById("media").style.visibility ="hidden"; document.getElementById("media").style.display ="none"; document.getElementById("grande").style.display ="block"; document.getElementById("grande").style.visibility ="visible"; document.getElementById("gigante").style.visibility ="hidden"; document.getElementById("gigante").style.display ="none"; } if(option == "gigante"){ document.getElementById("field").style.display ="block"; document.getElementById("gigante").style.display ="block"; document.getElementById("broto").style.visibility ="hidden"; document.getElementById("broto").style.display ="none"; document.getElementById("pequena").style.visibility ="hidden"; document.getElementById("pequena").style.display ="none"; document.getElementById("media").style.visibility ="hidden"; document.getElementById("media").style.display ="none"; document.getElementById("grande").style.visibility ="hidden"; document.getElementById("grande").style.display ="none"; document.getElementById("gigante").style.visibility ="visible"; } if(option == "0"){ document.getElementById("field").style.display ="none"; document.getElementById("grande").style.visibility ="hidden"; document.getElementById("grande").style.display ="none"; document.getElementById("media").style.visibility ="hidden"; document.getElementById("media").style.display ="none"; document.getElementById("pequena").style.visibility ="hidden"; document.getElementById("pequena").style.display ="none"; document.getElementById("broto").style.visibility ="hidden"; document.getElementById("broto").style.display ="none"; document.getElementById("gigante").style.visibility ="hidden"; document.getElementById("gigante").style.display ="none"; } } function optionCheck2(){ var option = document.getElementById("tamanho_2").value; if(option == "broto2"){ document.getElementById("field2").style.display ="block"; document.getElementById("pequena2").style.visibility ="hidden"; document.getElementById("pequena2").style.display ="none"; document.getElementById("broto2").style.visibility ="visible"; document.getElementById("broto2").style.display ="block"; document.getElementById("media2").style.visibility ="hidden"; document.getElementById("media2").style.display ="none"; document.getElementById("grande2").style.display ="none"; document.getElementById("grande2").style.visibility ="hidden"; document.getElementById("gigante2").style.visibility ="hidden"; document.getElementById("gigante2").style.display ="none"; } if(option == "pequena2"){ document.getElementById("field2").style.display ="block"; document.getElementById("pequena2").style.visibility ="visible"; document.getElementById("pequena2").style.display ="block"; document.getElementById("broto2").style.visibility ="hidden"; document.getElementById("broto2").style.display ="none"; document.getElementById("media2").style.visibility ="hidden"; document.getElementById("media2").style.display ="none"; document.getElementById("grande2").style.display ="none"; document.getElementById("grande2").style.visibility ="hidden"; document.getElementById("gigante2").style.visibility ="hidden"; document.getElementById("gigante2").style.display ="none"; } if(option == "media2"){ document.getElementById("field2").style.display ="block"; document.getElementById("broto2").style.visibility ="hidden"; document.getElementById("broto2").style.display ="none"; document.getElementById("pequena2").style.visibility ="hidden"; document.getElementById("pequena2").style.display ="none"; document.getElementById("media2").style.visibility ="visible"; document.getElementById("media2").style.display ="block"; document.getElementById("grande2").style.display ="none"; document.getElementById("grande2").style.visibility ="hidden"; document.getElementById("gigante2").style.visibility ="hidden"; document.getElementById("gigante2").style.display ="none"; } if(option == "grande2"){ document.getElementById("field2").style.display ="block"; document.getElementById("broto2").style.visibility ="hidden"; document.getElementById("broto2").style.display ="none"; document.getElementById("pequena2").style.visibility ="hidden"; document.getElementById("pequena2").style.display ="none"; document.getElementById("media2").style.visibility ="hidden"; document.getElementById("media2").style.display ="none"; document.getElementById("grande2").style.display ="block"; document.getElementById("grande2").style.visibility ="visible"; document.getElementById("gigante2").style.visibility ="hidden"; document.getElementById("gigante2").style.display ="none"; } if(option == "gigante2"){ document.getElementById("field2").style.display ="block"; document.getElementById("gigante2").style.display ="block"; document.getElementById("broto2").style.visibility ="hidden"; document.getElementById("broto2").style.display ="none"; document.getElementById("pequena2").style.visibility ="hidden"; document.getElementById("pequena2").style.display ="none"; document.getElementById("media2").style.visibility ="hidden"; document.getElementById("media2").style.display ="none"; document.getElementById("grande2").style.visibility ="hidden"; document.getElementById("grande2").style.display ="none"; document.getElementById("gigante2").style.visibility ="visible"; } if(option == "02"){ document.getElementById("field2").style.display ="none"; document.getElementById("grande2").style.visibility ="hidden"; document.getElementById("grande2").style.display ="none"; document.getElementById("media2").style.visibility ="hidden"; document.getElementById("media2").style.display ="none"; document.getElementById("pequena2").style.visibility ="hidden"; document.getElementById("pequena2").style.display ="none"; document.getElementById("broto2").style.visibility ="hidden"; document.getElementById("broto2").style.display ="none"; document.getElementById("gigante2").style.visibility ="hidden"; document.getElementById("gigante2").style.display ="none"; } } </script> Segue mais ou menos oq fiz para adicionar campos dinâmicos... meio trabalhoso mas foi assim que consegui fazer. Por isso eu uso os values diferentes, entende? porem se souber de alguma maneira mais fácil de fazer por favor me informe também. Sobre os campos eu queria uma ajuda de criar uma tabela com todos os valores, e um sistema para somar os campos de todas as tabelas que forem selecionados. exemplo: <select id="1"> se for selecionado broto = 28,00 se selecionado pequena = 33,00 se selecionado gigante = 55,00 </select> <select id="2"> se for selecionado broto2 = 28,00 se selecionado pequena2 = 33,00 </select> tomara que possa me ajudar pois não estou conseguindo hahaha
  10. SeveroSoft

    Selecionar e adicionar campo

    eu verifiquei vários tutoriais, procurei varias calculadoras, mas não estou conseguindo adicionar o valor a cada campo, pois cada campo tem q ter um value diferente para abrir outros campos no javascript entende? Então se tivesse como me mostrar um exemplo de tudo isso com A, B, C eu poderia entender melhor toda essa função. :( <html> <head> <script type="text/javascript"> function somarValores(){ var s1 = document.getElementById("s1").value; var s2 = document.getElementById("s2").value; var s5 = document.getElementById("s5").value; var s3 = parseInt(s1) + parseInt(s2) + parseInt(s5); alert(s3); } </script> </head> <body> <fieldset> <legend>Cálculo do salário</legend> <label>Valor 1:</label> <input id="s1" type="text"/> <label>Valor 2: </label> <select id="s2"> <option value="0">Selecione</option> <option value="broto2">Broto</option> <option value="pequena2">Pequena</option> <option value="media2">Média</option> <option value="grande2">Grande</option> <option value="gigante2">Gigante</option> </select> <select id="s5"> <option value="01">Selecione</option> <option value="broto3">Broto</option> <option value="pequena3">Pequena</option> <option value="media3">Média</option> <option value="grande3">Grande</option> <option value="gigante3">Gigante</option> </select> <button id="somar" onclick="somarValores()">Somar</button> </fieldset> </body> </html> Como fazer o javascript adicionar um valor aos campos selecionados(gigante2, gigante3, broto2, broto3) $prices = array( 'broto' => 9.90, 'media' => 19.90, 'grande' => 29.90, ); Não sei como usar isso :(
  11. SeveroSoft

    Selecionar e adicionar campo

    Gostaria de saber se alguem tem como me falar sobre como somar campos em tempo real... tipo mostrar um pouco mais sobre isso, ou fazer um modelo para que eu possa ir testando e modificando ao meu gosto. Preciso somar campos selecionados (combobox), campo de texto com valor já determinado mas em texto. exemplo: (bairro Centro, dar a ele um valor de 5,00). se possivel azer apenas um modelo desse que eu pedi para ir adicionando os outros campos e entendendo melhor a função pq tudo que estudei até agora n me ajudou muito. Me ajudem por favor.
  12. SeveroSoft

    Selecionar e adicionar campo

    perfeito o exemplo, porem como disse sou iniciante e gostaria de pedir um exemplo um pouco maior ou especificado hehe, para q eu possa mesmo entender como usar tudo isso :(
  13. SeveroSoft

    Selecionar e adicionar campo

    Irei dar uma conferida no seu link do github, para ver se aprendo um pouco mais.
  14. SeveroSoft

    Selecionar e adicionar campo

    Grande Beraldo, eu iria colocar todos com o mesmo value mas na hora de mandar pro banco de dados não daria muito certo... o cliente quer pedir 3 pizzas, ele quer as 3 gigantes, ai enviaria o valor das 3 pro mesmo campo e não daria muito certo. ao meu ver. esta bem complicado pra mim essa etapa. sobre o array vou dar uma estudada e irei usar essa sua base... Se puder me dar uma ajuda maior com essa questão toda eu agradeço muito mesmo.
  15. SeveroSoft

    Selecionar e adicionar campo

    Agora você falou meio ingles pra mim, poderia me dar uma demonstração de como eu faria isso? eu fui obrigado a fazer assim: <br><div id="container" style="display:none;"> <div id="hiddenDiv" style="visibility:hidden;"> Selecione o tamanho da pizza 1: <select id="tamanho_1" onchange="optionCheck1()"> <option value="0">Selecione</option> <option value="broto">Broto</option> <option value="pequena">Pequena</option> <option value="media">Média</option> <option value="grande">Grande</option> <option value="gigante">Gigante</option> </select> </div> <div id="hiddenDiv2" style="visibility:hidden;"> Selecione o tamanho da pizza 2: <select id="tamanho_2" onchange="optionCheck2()"> <option value="02">Selecione</option> <option value="broto2">Broto</option> <option value="pequena2">Pequena</option> <option value="media2">Média</option> <option value="grande2">Grande</option> <option value="gigante2">Gigante</option> </select> </div> <div id="hiddenDiv3" style="visibility:hidden;"> Selecione o tamanho da pizza 3: <select id="tamanho_3" onchange="optionCheck3()"> <option value="03">Selecione</option> <option value="broto3">Broto</option> <option value="pequena3">Pequena</option> <option value="media3">Média</option> <option value="grande3">Grande</option> <option value="gigante3">Gigante</option> </select> </div> <div id="hiddenDiv4" style="visibility:hidden;"> Selecione o tamanho da pizza 4: <select id="tamanho_4" onchange="optionCheck4()"> <option value="04">Selecione</option> <option value="broto4">Broto</option> <option value="pequena4">Pequena</option> <option value="media4">Média</option> <option value="grande4">Grande</option> <option value="gigante4">Gigante</option> </select> pq não posso repetir o "VALUE" dos select option... Então como eu poderia adicionar um valor a cada campo desses?
×

Important Information

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