Artes Ussler
-
Total de itens
75 -
Registro em
-
Última visita
Sobre Artes Ussler
Últimos Visitantes
3496 visualizações
-
Olá Funcionou perfeitamente! Muito obrigado.
-
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.
-
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! 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.
-
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.
-
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.
-
Veja se isso ajuda: https://getbootstrap.com.br/docs/4.1/components/navbar/
-
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.
-
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.
-
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á 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.
-
Blz, funcionou! Obrigado
-
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.
