Artes Ussler

Bom dia! Inseri um modal em meu site com um formulário nele para a pessoa enviar uma mensagem (estou usando PhpMailer nesse caso). Esse modal é aberto através de um botão. Abaixo segue o trecho inicial do modal: <!-- Modal --> <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Quero fazer este curso</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> ... Aí no final do modal tem o botão Enviar. Só que ao enviar a mensagem, o modal fecha. Gostaria que o modal ficasse aberto, exibindo uma mensagem do tipo "Mensagem enviada". Não sei se passei todas as informações necessárias, mas se alguém puder ajudar, fico grato.

Olá Funcionou perfeitamente! Muito obrigado.

Olá Antes, devo mencionar que busquei na net essa solução, mas não achei nada. Talvez não estivesse usando os termos corretos na pesquisa. O que preciso é bastante simples: verificar se um usuário, cadastrado no DB Mysql já existe, em tempo real. Algo assim: A mensagem abaixo apareceria, talvez, quando o foco saísse desse campo ou algo similiar. Se alguém puder me indicar um tutorial para tal, eu fico grato.

Bom dia Desculpe a demora pra responder. Achei um tutorial que divide o envio em duas etapas: um modal com o formulário e outro modal exibindo um alerta de mensagem enviada. Assim que conseguir vou postar aqui o código.

Bom dia Encontrei recentemente um site que verifica a necessidade de implantar um banner para consentimento de cookies. Esse site também possui um modelo de script para a geração do banner. Nos exemplos de scripts gerados por esse site tem um para o Analytics, conforme pode verificar abaixo: // Google Analytics, you need to change 'UA-00000000-1' to your ID (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-00000000-1', 'auto'); ga('send', 'pageview');* Até uso Analytics no site, mas precisava ainda um script para o Youtube e o Adsense. Eu não sei montar esses scripts. Se alguém puder me ajudar, indicando um script pronto, eu agradeço muito.

Bom dia Uso esse código para validação de formulário: $("#formulario").validate({ ignore: ".ignore", rules: { empresa:{required: true}, nome:{required: true}, contato:{required: true}, celular:{required: true}, email:{required: true, email: true}, } }); mas preciso inserir uma validação que apenas permita determinado e-mail, por exemplo, apenas e-mails com @fulano.com.br são permitidos. Se alguém puder me ajudar, fico grato.

Boa tarde Achei um código na web que permite definir quais itens que aparecem em um menu select através do que é selecionado em outro menu select. Seria como na imagem: Eis o código completo e funcionando: <form method="post" action=""> <select name="categoria" id="sel1" onchange="giveSelection(this.value)"> <option value="1">Item 1</option> <option value="2">Item 2</option> <option value="3">Item 3</option> </select> <select name="subcategoria" id="sel2"> <option data-option="1" value="1">Subitem 1</option> <option data-option="1" value="2">Subitem 2</option> <option data-option="2" value="3">Subitem 3</option> <option data-option="2" value="4">Subitem 4</option> <option data-option="3" value="5">Subitem 5</option> <option data-option="3" value="6">Subitem 6</option> </select> </form> <script type="text/javascript"> var sel1 = document.querySelector('#sel1'); var sel2 = document.querySelector('#sel2'); var options2 = sel2.querySelectorAll('option'); function giveSelection(selValue) { sel2.innerHTML = ''; for (var i = 0; i < options2.length; i++) { if (options2[i].dataset.option === selValue) { sel2.appendChild(options2[i]); } } } giveSelection(sel1.value); </script> Testei este código em um sistema de cadastro de produtos, e funciona muito bem. Esse sistema também possui uma página para a edição dos dados destes produtos, e é aí que surgiu o problema. Ao abrir a página de edição, eu uso esse mesmo código select , mas acrescento nele selected="selected" para então exibir o item correspondente ao produto editado. O problema está no segundo select, que ao invés de imediatamente mostrar o subitem correspondente ao que está marcado no primeiro select, ele mostra sempre o último subitem da lista. Não sei se conseguiram entender tudo isso, mas se alguém puder ajudar, fico grato.

Correto, mas no processo de CADASTRO do item, como mencionei, funciona perfeitamente. Minha dificuldade está no processo de EDIÇÃO do registro. Vamos supor a situação: eu fiz um cadastro usando ITEM 2 (categoria) e o SUBITEM 4 (subcategoria). No momento que abro a página de edição desse registro, no menu de categoria deverá aparecer então o ITEM 2 selecionado (o qual consegui fazer) e no menu das subcategorias deveria aparecer então o SUBITEM 4 selecionado, mas acaba aparecendo como selecionado o item 1 e todos os demais itens da lista. Fiz uma representação abaixo:

Bom dia! Gostaria de rever essa dúvida que postei em abril desse ano. Faz tempo, mas ainda estou precisando disso. Será que alguém sabe como me ajudar a resolver? Eu já tentei, sério, mas infelizmente sem sucesso.

Boa tarde! Fiz um menu vertical de navegação usando Bootstrap 4, conforme código abaixo: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> </head> <body> <nav class="navbar navbar-light"> <h4>CATEGORIAS</h4> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#conteudoNavbarSuportado" aria-controls="conteudoNavbarSuportado" aria-expanded="false" aria-label="Alterna navegação"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse flex-column" id="conteudoNavbarSuportado"> <h4>FRIGORÍFICO</h4> <ul class="navbar-nav mr-auto"> <li class="" style="display: block;"><a class="nav-link ml-2 py-1 link-subcategoria" href="">TOUCAS</a> </li> <li class=""><a class="nav-link ml-2 py-1 link-subcategoria" href="">CAMISAS</a> </li> <li class=""><a class="nav-link ml-2 py-1 link-subcategoria" href="">CAMISETAS</a> </li> <li class=""><a class="nav-link ml-2 py-1 link-subcategoria" href="">BLUSAS</a></li> <li class=""><a class="nav-link ml-2 py-1 link-subcategoria" href="">CALÇAS</a></li> <h4 class="mt-2 px-2 py-0" href="" style="font-weight: 700">PROTEÇÃO</h4> </ul> </div> </nav> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> </body> </html> Está funcionando em partes. Preciso que, quando o site é carregado em telas grandes, o menu apareça expandido, e quando for aberto em telas menores (mobile), o menu fosse recolhido. Mas importante: o menu deverá estar sempre na vertical. Se alguém puder ajudar, fico grato.

Veja se isso ajuda: https://getbootstrap.com.br/docs/4.1/components/navbar/

Olá Utilizo um sistema de cadastro de notícias com campos para imagens. Na parte de edição das notícias, existe um checkbox que, ao selecionado, exclui a imagem quando clicado no Atualizar e a página é recarregada e o PHP executado. Mas eu queria mudar isso. Gostaria que a imagem fosse excluída sem dar um refresh na página. Seria algo como na imagem abaixo: você clica no botão Excluir, aparece uma mensagem se deseja realmente excluir a imagem e você confirma sem recarregar a página. Tem como fazer? Fico grato por qualquer dica.

Olá Então, segue abaixo o trecho que cadastra ou exclui a imagem do servidor e do banco de dados: //IMAGEM 1 if ($_POST['exc1'] == null) { if ($_FILES['img1']['name'] != null) { $carregar1 = WideImage::loadFromUpload('img1'); $imagem1 = $carregar1->resize(572, '1000', 'inside', 'down'); $watermark1 = WideImage::load('../assets/files/informativos/marcadagua.gif'); $imagemfinal1 = $imagem1->merge($watermark1, "right -25", "bottom -35", 80); $nomeimagem1 = time().'_'.rand(10,99).".jpg"; $local1 = '../assets/files/informativos/'.$nomeimagem1; $imagemfinal1->saveToFile($local1, 70); } else {$nomeimagem1 = $img1;} } else { unlink('../assets/files/informativos/'.$img1); $nomeimagem1 = null; } e abaixo o trecho em HTML: <input name="img1" type="file" class="span6" id="img1"><br /> <img src="../assets/files/informativos/<?php echo $img1; ?>" width="80px" /> <input name="exc1" type="checkbox" id="exc1" value="1" style="margin-left:20px;" /> Selecione para excluir esta imagem. basta marcar o checkbox, clicar Atualizar e a imagem é excluida. Mas gostaria de excluir ela sem precisa recarregar a página.

Olá Tenho duas tabelas: DESTAQUES e INFORMATIVOS. Na tabela DESTAQUES tem apenas 3 registros de IDs (Ex. 3017, 3080 e 3094). Esses IDs acima estão entre as centenas de IDs da tabela de INFORMATIVOS. São as notícias que quero destacar no site. Mas não sei como fazer o SELECT. Se alguém puder me dar uma ajuda inicial pra montar o SELECT, eu agradeço. Espero que tenham me entendido.

Blz, funcionou! Obrigado

Bom dia Gostaria de saber que tecnologia é usada para fazer o simulador de uniformes deste site: https://www.magni.com.br/simulador/ Se alguém puder me ajudar, fico grato.