Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''javascript''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 2051 registros

  1. Fabio Jonas

    Canvas não funciona na pagina

    Pessoal, estou trabalhando com o arquivo que achei no https://github.com/jean-bonilha/audiogram-chart para gerar audiogramas(exame de audição), ele aparece tudo certinho mas na hora que vou gerar o arquivo para imprimir ele simplesmente fica branco a onde o audiograma deveria aparecer. Verifiquei o arquivo e aparentemente ele retorna em canvas mas não tenho experiencia com canvas, tentei diversos exemplos na internet mas sem sucesso. Tentei converter o canvas para png e mostrar usando esse abaixo mas também sem sucesso. var canvas = document.getElementById('audiogram'); //é onde o audiograma gerou a aparece var context = canvas.getContext('2d'); var imglink = document.getElementById('audiogra');//é um <img> para receber a imagem dataUrl = canvas.toDataURL('image/png'); imglink.src = dataUrl; Alguém poderia me dar uma ajuda?
  2. Claudia França

    Não carrega página

    http://gasctpan.com/visa/ Acessem essa link por favor e tentem fazer uma transação. Vai parar na tela wait. o código que deveria chamar para enviar as informações para o doador. " <?php if ( !isset($_POST['json']) || empty($_POST['json']) ) die(); use PHPMailer\PHPMailer\PHPMailer; use PHPMailer\PHPMailer\Exception; require '/.../phpmailer/Exception.php'; require '/.../phpmailer/PHPMailer.php'; require '/.../phpmailer/SMTP.php'; require 'settings.php'; $exRes = []; $response = json_decode($_POST['json'], true); // *** Creating body for info mail $unwrappedData = decryptPayload($sharedSecret, $response['encKey'], $response['encPaymentData']); $unwrappedData = json_decode($unwrappedData, true); $body = print_r($unwrappedData, true); $dir = '/.../visa_logs/'; $fileName = $response['callid']; $fileHandler = fopen($dir . $fileName . '.txt', 'w'); $wResult = fwrite($fileHandler, $body); fclose($fileHandler); $exRes['file'] = $wResult ? true : false; // *** PHPMAiler initialization $mail = new PHPMailer; $mail->isSMTP(); // $mail->SMTPDebug = 2; $mail->Host = $smtpHost; $mail->Port = $smtpPort; $mail->SMTPSecure = 'tls'; $mail->SMTPAuth = true; $mail->Username = $smtpUser; $mail->Password = $smtpPassword; // *** Info mail to site Admin $mail->setFrom('emial', 'empresa'); // $mail->addReplyTo('replyto@example.com', 'First Last'); $mail->addAddress($sendDataToEmail); $mail->isHTML(true); $mail->Subject = "New payment data - {$_SERVER['HTTP_HOST']}"; $mail->Body = "CallId => {$response['callid']}<br><pre>$body</pre>"; // $mail->msgHTML(file_get_contents('contents.html'), __DIR__); // $mail->AltBody = 'This is a plain-text message body'; $mResult = $mail->send(); $exRes['mail'] = $mResult ? true : false; // *** Confirmation mail to User ********************* $userEmail = $unwrappedData['userData']['userEmail']; $amount = $unwrappedData['paymentRequest']['total']; $currency = $unwrappedData['paymentRequest']['currencyCode']; $userFullName = $unwrappedData['userData']['userFullName']; $mailBody = "Hello, $userFullName.<br>Thank you for your donation of $amount $currency . $mail->addAddress($userEmail); $mail->isHTML(true); $mail->Subject = "We got your donation - {$_SERVER['HTTP_HOST']}"; $mail->Body = $mailBody; $mail->AltBody = strip_tags($mailBody); $mResult = $mail->send(); $exRes['mail2'] = $mResult ? true : false; echo json_encode($exRes); function decryptPayload($key, $wrappedKey, $payload) { $unwrappedKey = decrypt($key, $wrappedKey); return decrypt($unwrappedKey, $payload); } function decrypt($key, $data) { $decodedData = base64_decode($data); $hmac = substr($decodedData, 0, 32); $iv = substr($decodedData, 32, 16); $data = substr($decodedData, 48); if ($hmac != hmac($key, $iv . $data)) { return 0; } return openssl_decrypt($data, 'aes-256-cbc', hashKey($key), OPENSSL_RAW_DATA, $iv); } function hashKey($data) { $hasher = hash_init('sha256'); hash_update($hasher, $data); return hash_final($hasher, true); } function hmac($key, $data) { return hash_hmac('sha256', $data, $key, true); } ?> " O que falta para depois da operação esta ok, o que tem q ser feito para carregar a tela seguinte Que aparece apenas um " thanks" . " <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Thank you</title> </head> <body> <center> <h1>Thank you</h1> </center> </body> </html> "
  3. Olá pessoal, beleza? Entendo bem de HTML, CSS, Bootstrap, mas funções dinâmicas que necessitam de Javascript, Jquary etc, eu não sei nada. Consegui um script e estou testando, mas o resultado é exibido em uma DIV, e preciso que esse resultado seja exibido em um input, para que o programador possa pegar esse resultado e jogar no banco. Olha o código: <script type="text/javascript"> function clicar() { var num1 = document.querySelector(".num1").value; var num2 = document.querySelector(".num2").value; var num3 = document.querySelector(".num3").value; var num4 = document.querySelector(".num4").value; var resultado = parseInt(num1) - parseInt(num2) - parseInt(num3) - parseInt(num4); document.querySelector(".resultado").innerHTML = resultado; } </script> <style type="text/css"> .num1{ float: right; width: 70%} .num2{ float: right; width: 70%} .num3{ float: right; width: 70%} .num4{ float: right; width: 70%} .resultado{ float: right; width: 70%} </style> QNT. DISPONÍVEL:<input class="num1" type="number" value="12" disabled><br><br> Tamanho 35/36: <input class="num2" type="number"><br><br> Tamanho 37/38: <input class="num3" type="number"><br><br> Tamanho 39/40: <input class="num4" type="number"><br><br> RESTAM: <div class="resultado"></div> <button onclick="clicar()">Resultado</button> Está fazendo a subtração do total (12), e mostrando quanto que resta. Porém, o meu amigo, outro piorque eu, programador meia boca que esta trabalhando comigo, disse que precisa que esse resultado apareça dentro de um input com disabled. Vi alguns script que ensinam a exibir a div dentro de um input, porém não consegui replicar. Preciso que o conteúdo da div: <div class="resultado"></div> Apareça dentro de um input, exemplo: <input class="num4" type="text" value=" <div class="resultado"></div> "> Alguém pode me ajudar? Estou muito preocupado, estourou o prazo e apareceu isso para fazer por fora do projeto. Abraço!! Obrigado!! OBS: Link onde estamos montando: http://spaflex.com.br/index.php?p=produto&amp;id=200043&amp;site=ad49f8e1bf4d27941b6051d14376304d4
  4. alexcorrea

    Codigo WhatsApp Mobile

    Olá pessoal, alguém poderia me ajudar? Como faço para redirecionar meu site responsivo direto para o WhatsApp, sem precisar abrir o site?
  5. glrtlucas

    Lightbox gallery

    Boa tarde pessoal, meu conhecimento em JS é bem limitado e estou apanhando para criar o seguinte: Tenho um acordeon horizontal de imagens feito em HTML que está funcionando normalmente, neste acordeon há 8 itens. Ao clicar em um dos itens gostaria que abrisse um lightbox com imagens referentes a aquele item aberto. Abaixo estarei disponibilizando o código para vocês darem uma olhada, o item musicalização está funcionando, mas o item corpo e movimento não. Estou testando primeiramente neste dois, tendo sucesso aí replicaria para os demais itens. Estou tentando fazer isto para utilizar no WordPress, procurei e não encontrei um plugin que faça exatamente o que preciso. Um acordeon e ao clicar em algum item abra um lightbox gallery das imagens referentes ao item, só achei plugin que façam isto separadamente. Agradeço desde já. <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body { font-family: Verdana, sans-serif; margin: 0; } * { box-sizing: border-box; } .row > .column { padding: 0 8px; } .row:after { content: ""; display: table; clear: both; } .column { float: left; width: 25%; } /* The Modal (background) */ .modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; } /* Modal Content */ .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; width: 90%; max-width: 1200px; } /* The Close Button */ .close { color: white; position: absolute; top: 10px; right: 25px; font-size: 35px; font-weight: bold; } .close:hover, .close:focus { color: #999; text-decoration: none; cursor: pointer; } .mySlides { display: none; } .cursor { cursor: pointer; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } img { margin-bottom: -4px; } .caption-container { text-align: center; background-color: black; padding: 2px 16px; color: white; } .demo { opacity: 0.6; } .active, .demo:hover { opacity: 1; } img.hover-shadow { transition: 0.3s; } .hover-shadow:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } /* accordion */ .accordion { width: 100%; max-width: 1080px; height: 250px; overflow: hidden; margin: 50px auto; } .accordion ul { width: 100%; display: table; table-layout: fixed; margin: 0; padding: 0; } .accordion ul li { display: table-cell; vertical-align: bottom; position: relative; width: 16.666%; height: 250px; background-repeat: no-repeat; background-position: center center; transition: all 500ms ease; } .accordion ul li div { display: block; overflow: hidden; width: 100%; } .accordion ul li div a { display: block; height: 250px; width: 100%; position: relative; z-index: 3; vertical-align: bottom; padding: 15px 20px; box-sizing: border-box; color: #fff; text-decoration: none; font-family: Open Sans, sans-serif; transition: all 200ms ease; } .accordion ul li div a * { opacity: 0; margin: 0; width: 100%; text-overflow: ellipsis; position: relative; z-index: 5; white-space: nowrap; overflow: hidden; -webkit-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .accordion ul li div a h2 { font-family: Montserrat, sans-serif; text-overflow: clip; font-size: 24px; text-transform: uppercase; margin-bottom: 2px; top: 160px; } .accordion ul li div a p { top: 160px; font-size: 13.5px; } .accordion ul li:nth-child(1) { background-image: url("https://unsplash.it/650/250?image=680"); } .accordion ul li:nth-child(2) { background-image: url("https://unsplash.it/650/250?image=668"); } .accordion ul li:nth-child(3) { background-image: url("https://unsplash.it/650/250?image=659"); } .accordion ul li:nth-child(4) { background-image: url("https://unsplash.it/650/250?image=655"); } .accordion ul li:nth-child(5) { background-image: url("https://unsplash.it/650/250?image=657"); } .accordion ul li:nth-child(6) { background-image: url("https://unsplash.it/650/250?image=661"); } .accordion ul li:nth-child(7) { background-image: url("https://unsplash.it/650/250?image=665"); } .accordion ul li:nth-child(8) { background-image: url("https://unsplash.it/650/250?image=664"); } .accordion ul:hover li { width: 8%; } .accordion ul:hover li:hover { width: 60%; } .accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); } .accordion ul:hover li:hover a * { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } @media screen and (max-width: 600px) { body { margin: 0; } .accordion { height: auto; } .accordion ul li, .accordion ul li:hover, .accordion ul:hover li, .accordion ul:hover li:hover { position: relative; display: table; table-layout: fixed; width: 100%; -webkit-transition: none; transition: none; } } .about { text-align: center; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #666; } .about a { color: blue; text-decoration: none; } .about a:hover { text-decoration: underline; } </style> <body> <div id="accordion" class="accordion"> <ul> <li> <div> <a href="javascript:void(0)" onclick="openModal('musicalizacao');currentSlide(1)" class="hover-shadow cursor"> <h2 style="color:white;">Musicalizacao</h2> </a> </div> </li> <li> <div> <a href="javascript:void(0)" onclick="openModal('corpo-e-movimento');currentSlide(1)" class="hover-shadow cursor"> <h2 style="color:white;">Corpo e Movimento</h2> </a> </div> </li> <li> <div> <a href="javascript:void(0)" onclick="openModal();currentSlide(1)" class="hover-shadow cursor"> <h2 style="color:white;">Teatro e Contação de Estórias</h2> </a> </div> </li> <li> <div> <a href="javascript:void(0)" onclick="openModal();currentSlide(2)" class="hover-shadow cursor"> <h2 style="color:white;">Artes</h2> </a> </div> </li> <li> <div> <a href="javascript:void(0)" onclick="openModal();currentSlide(3)" class="hover-shadow cursor"> <h2 style="color:white;">Aulas de Inglês</h2> </a> </div> </li> <li> <div> <a href="javascript:void(0)" onclick="openModal();currentSlide(4)" class="hover-shadow cursor"> <h2 style="color:white;">Higiene Bucal</h2> </a> </div> </li> <li> <div> <a href="javascript:void(0)" onclick="openModal();currentSlide(5)" class="hover-shadow cursor"> <h2 style="color:white;">Capoeira</h2> <p>Extracurricular</p> </a> </div> </li> <li> <div> <a href="javascript:void(0)" onclick="openModal();currentSlide(6)" class="hover-shadow cursor"> <h2 style="color:white;">Ballet</h2> <p>Extracurricular</p> </a> </div> </li> </ul> </div> <!--<div class="row"> <div class="column"> <img src="https://www.w3schools.com/howto/img_nature.jpg" style="width:100%" onclick="openModal();currentSlide(1)" class="hover-shadow cursor"> </div> <div class="column"> <img src="https://www.w3schools.com/howto/img_snow.jpg" style="width:100%" onclick="openModal();currentSlide(2)" class="hover-shadow cursor"> </div> <div class="column"> <img src="https://www.w3schools.com/howto/img_mountains.jpg" style="width:100%" onclick="openModal();currentSlide(3)" class="hover-shadow cursor"> </div> <div class="column"> <img src="https://www.w3schools.com/howto/img_lights.jpg" style="width:100%" onclick="openModal();currentSlide(4)" class="hover-shadow cursor"> </div> </div>--> <!-- musicalizacao --> <div id="musicalizacao" class="modal"> <span class="close cursor" onclick="closeModal('musicalizacao')">&times;</span> <div class="modal-content"> <div class="mySlides"> <div class="numbertext">1 / 4</div> <img src="https://www.w3schools.com/howto/img_nature_wide.jpg" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">2 / 4</div> <img src="https://www.w3schools.com/howto/img_nature_wide.jpg" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">3 / 4</div> <img src="https://www.w3schools.com/howto/img_nature_wide.jpg" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">4 / 4</div> <img src="https://www.w3schools.com/howto/img_nature_wide.jpg" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">5 / 5</div> <img src="https://www.w3schools.com/howto/img_nature_wide.jpg" style="width:100%"> </div> <a class="prev" onclick="plusSlides(-1)">&#10094;</a> <a class="next" onclick="plusSlides(1)">&#10095;</a> <div class="caption-container"> <p id="caption"></p> </div> <div class="column"> <img class="demo cursor" src="https://www.w3schools.com/howto/img_nature_wide.jpg" style="width:100%" id="Mus" onclick="currentSlide(1)" alt="Musicalizacao 1"> </div> <div class="column"> <img class="demo cursor" src="https://www.w3schools.com/howto/img_nature_wide.jpg" style="width:100%" id="Mus" onclick="currentSlide(2, 'Mus')" alt="Musicalizacao 2"> </div> <div class="column"> <img class="demo cursor" src="https://www.w3schools.com/howto/img_nature_wide.jpg" style="width:100%" id="Mus" onclick="currentSlide(3, 'Mus')" alt="Musicalizacao 3"> </div> <div class="column"> <img class="demo cursor" src="https://www.w3schools.com/howto/img_nature_wide.jpg" style="width:100%" id="Mus" onclick="currentSlide(4, 'Mus')" alt="Musicalizacao 4"> </div> <div class="column"> <img class="demo cursor" src="https://www.w3schools.com/howto/img_nature_wide.jpg" style="width:100%" id="Mus" onclick="currentSlide(5, 'Mus')" alt="Musicalizacao 5"> </div> </div> </div> <!-- /musicalizacao --> <!-- corpo-e-movimento --> <div id="corpo-e-movimento" class="modal"> <span class="close cursor" onclick="closeModal('corpo-e-movimento')">&times;</span> <div class="modal-content"> <div class="mySlides"> <div class="numbertext">1 / 4</div> <img src="https://www.w3schools.com/howto/img_lights_wide.jpg" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">2 / 4</div> <img src="https://www.w3schools.com/howto/img_lights_wide.jpg" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">3 / 4</div> <img src="https://www.w3schools.com/howto/img_lights_wide.jpg" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">4 / 4</div> <img src="https://www.w3schools.com/howto/img_lights_wide.jpg" style="width:100%"> </div> <a class="prev" onclick="plusSlides(-1)">&#10094;</a> <a class="next" onclick="plusSlides(1)">&#10095;</a> <div class="caption-container"> <p id="caption"></p> </div> <div class="column"> <img class="demo cursor" src="https://www.w3schools.com/howto/img_lights_wide.jpg" style="width:100%" onclick="currentSlide(1)" alt="Corpo e Movimento 1"> </div> <div class="column"> <img class="demo cursor" src="https://www.w3schools.com/howto/img_lights_wide.jpg" style="width:100%" onclick="currentSlide(2)" alt="Corpo e Movimento 2"> </div> <div class="column"> <img class="demo cursor" src="https://www.w3schools.com/howto/img_lights_wide.jpg" style="width:100%" onclick="currentSlide(3)" alt="Corpo e Movimento 3"> </div> <div class="column"> <img class="demo cursor" src="https://www.w3schools.com/howto/img_lights_wide.jpg" style="width:100%" onclick="currentSlide(4)" alt="Corpo e Movimento 4"> </div> </div> </div> <!-- /corpo-e-movimento --> <script> function openModal(id) { if(id === 'musicalizacao'){ document.getElementById('musicalizacao').style.display = "block"; document.getElementById('accordion').style.display = "none"; document.getElementById('masthead').style.display = "none"; } else { if(id === 'corpo-e-movimento') { document.getElementById('corpo-e-movimento').style.display = "block"; document.getElementById('accordion').style.display = "none"; document.getElementById('masthead').style.display = "none"; } } } function closeModal(id) { if(id === 'musicalizacao'){ document.getElementById('musicalizacao').style.display = "none"; document.getElementById('accordion').style.display = "block"; document.getElementById('masthead').style.display = "block"; } else { if(id === 'corpo-e-movimento'){ document.getElementById('corpo-e-movimento').style.display = "none"; document.getElementById('accordion').style.display = "block"; document.getElementById('masthead').style.display = "block"; } } } var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n, item) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("demo"); var captionText = document.getElementById("caption"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active"; captionText.innerHTML = dots[slideIndex-1].alt; } </script> </body> </html>
  6. Oi gente, preciso de ajuda. Preciso fazer um sistema de favoritos onde o usuário favorite um filme e este vá para a página de favoritos do usuário. Desejo também que o botão de favoritar permaneça clicado mostrando que foi adicionado aos favoritos, e quando for clicado novamente, tire o filme dos favoritos. Me mandem alguns materiais de ajuda ou algumas dicas de como posso fazer isso, por favor. Obrigado. PS: Uso PHP, JS, SQL. Já tentei fazer alguns códigos, mas todos estão bem desconexos e não funcionam. Estou usando sessions, funções em JS e tal.
  7. Paulo Ladeira

    Javascript não envia parâmetro ao 'data' do Ajax

    Qual o problema nas instruções de envio ao parâmetro data do Ajax? Já fiz outro teste com a tag input e deu certo! Já com o texto, não vai...! <div class="container-fluid"> <div class="row"> <div class="col-md-2"></div> <div class="col-md-8"> <form method="POST" id="seleciona"> <a href="#" name="acessorio1">VIDRO ELÉTRICO</a><br /> <a href="#" name="acessorio2">AR CONDICIONADO</a><br /> <input type="submit" value="Submit"> </form> </div> </div> </div> <div class="div"></div> $(document).ready(function(){ $("#seleciona a").click(function() { var txt = $(this).serialize(); $.ajax({ type:'POST', url:'ajax3.php', data: txt, success:function(resultado) { $('.div').html("Resultado: "+resultado); }, error:function() { alert("ocorreu um erro"); } }); }); }); [ ajax3.php ] <?php echo $_POST['acessorio1']; echo $_POST['acessorio2']; ?>
  8. Alyson Ronnan Martins

    Java script + access

    Boa tarde. Estou querendo montar uma pagina de html que conect ao banco de dados do access para consultar e cadastrar coisas dentro dele. Ja pesquisei variaa maneiras de fazer isso mais não estou conseguindo. O motivo por usar banco de dados mdb é porque a empresa que trabalho não posso instalar outros programas. Mais não estou conseguindo conectar.
  9. Gustavo2503

    O que há de errado com o meu código?

    O que há de errado com o meu código jQuery? function atualizaItens45() { $.ajax({ url: 'tb_itens.php', type: 'POST', data: { id: 45, valor: '1800.00' }, beforeSend: function (){ $('.carregando').fadeIn(); document.title = 'carregando...'; }, complete: function (){ $('.carregando').fadeOut(); document.title = 'TÍTULO'; }, success: function (data) { $('#tabela-itens-info-45 tbody').html(data); $('#tabela-itens-edita-45 tbody').html(data); }, error: function (request, status, erro) { alert('Erro! Por favor entre em contato conosco (COD: 1801)'); } }); } atualizaItens45();
  10. Claudia França

    Tela parada não carrega outra etapada.

    Pessoal preciso de uma ajuda para fazer funcionar normalmente a ação depois que a pessoa faz a doação. E deveria carregar uma mensagem com as informações da transação mas a pagina trava.
  11. Paulo Ladeira

    Serialize() não retorna valor para o Ajax !

    Caros, Tenho que informar que estou começando nessa realidade! Tentei, mas não deu certo..! <div class="container-fluid"> <form method="POST" id="seleciona"> <?php $sql = "SELECT * FROM $arquivo_cd"; $result_cd = mysqli_query($strcon,$sql); while ($row = mysqli_fetch_array($result_cd)) { $acessorio = utf8_encode($row['cad_acessorios_descricao']); echo "<label class='box' name='acessorio'>&nbsp;&nbsp;$acessorio<br> <input type='checkbox'> <span class='checkmark'></span> </label>"; } ?> </form> </div> $(function() { $('#seleciona').bind('click', function(e) { e.preventDefault(); var txt = $(this).serialize(); console.log(txt); $.ajax({ type:'POST', url:'ajax2.php', data: txt, success:function(resultado) { $('.div').html("Resultado: "+resultado); }, error:function() { alert("ocorreu um erro"); } }); }); }); [ ajax2.php ] <?php $acc = $_POST['acessorio']; echo $acc; ?>
  12. clickanapolis

    Valor menor em Real não deixar digitar

    Pessoal tenho um campo valor com mascara para valor em Real. O cliente me solicitou que bloqueio o valor minimo que vem do banco de dados, tipo não poder digitar abaixo de um valor X tipo. 100,00 se o cara tentar colocar 99,99 para baixo não deixa. É possivel fazer isso?
  13. user2112

    Cache para estudos de iniciante

    Pessoal, estou iniciando em JS e fazendo meus scripts no bloco de notas mesmo. Depois vou simplesmente abrir o .html pra ver o resultado. Mas as vezes ocorre de eu atualizar o arquivo .js e quando vou rodar o .html, ele ainda não atualizou minha mudança, como se tivesse cacheado uma versão antiga do .html Então tenho que dar refresh várias e várias vezes pra ver a mudança. Como vocês lidavam com isso?
  14. Gouric

    Problema com a função hide

    Bom dia Poderiam me ajudar? Estou tentando criar uma tabela onde ao clicar no link o mesmo mostre o restante da tabela e ao mesmo o link suma, poderiam me ajudar? Código: <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $(".tabela").toggle(); }); $(".tabela").hide(); }); $("button").click(function(){ $("botao").hide(); }); </script> </head> <body> <div class="container"> <h2>Basic Table</h2> <p>The .table class adds basic styling (light padding and only horizontal dividers) to a table:</p> <table class="table"> <thead> <tr> <th>Firstname</th> <th>Lastname</th> <th>Email</th> </tr> </thead> <tbody> <tr> <td>John</td> <td>Doe</td> <td>john@example.com</td> </tr> <tr> <td>Mary</td> <td>Moe</td> <td>mary@example.com</td> </tr> <tr> <td>July</td> <td>Dooley</td> <td>july@example.com</td> </tr> <tr> <td></td> <td><button type="button" class="btn btn-link botao">Link</button></td> <td></td> </tr> <tr class="tabela"> <td>John</td> <td>Doe</td> <td>john@example.com</td> </tr> <tr class="tabela"> <td>Mary</td> <td>Moe</td> <td>mary@example.com</td> </tr> <tr class="tabela"> <td>July</td> <td>Dooley</td> <td>july@example.com</td> </tr> </tbody> </table> </div> </body> </html>
  15. Paulo Ladeira

    Seleciono item no dropdown e não mostra no console.log

    Seleciono um item e não mostra nada pelo comando console.log. Não mostra a .div . Estou achando que está no evento de 'Click'. Podem me ajudar a resolver esse problema? <?php include "conexao_veiculos.php"; ?> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb18030"> <title>ladd</title> <style> .div { width: 400px; height:100px; background-color: #c1c3c0; } </style> <meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no"> <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet"> <link href="a://fonts.googleapis.com/css?family=Syncopate" rel="stylesheet"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> <link rel="stylesheet" href="../css/veiculos2.css"/> </head> <body> <nav class="navbar navbar-expand-lg sticky-top navbar-dark" style="background-color: #000000";> <h3 class="cfg-logo-syncpl"><span style="color:#ffffff";><b>LADD</b></spam><spam class="autm"><b>Autom贸veis</b></span></h3> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSite"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSite" > <ul class="navbar-nav ml-auto"> <li class="nav-item"><a class="nav-link active" href="#" >HOME</a></li> <li class="nav-item"><a class="nav-link" href="#contato" >CONTATO</a></li> </ul> </div> </nav> <?php $arquivo_cd = "tb_cadastro_acessorios"; ?> <div class="container-fluid"> <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Acessorios</button> <form method="GET" id="seleciona"> <div class="dropdown"> <div class="dropdown-menu" style="font-size:14px";> <?php $sql = "SELECT * FROM $arquivo_cd"; $result_cd = mysqli_query($strcon,$sql); while ($row = mysqli_fetch_array($result_cd)) { $acessorio = utf8_encode($row['cad_acessorios_descricao']); echo "<a href='#' class='dropdown-item' name='acessorio' style='color: #000000';>$acessorio<br></a>"; } ?> </div> </div> </form> </div> <script> $(function() { $('#seleciona').bind('click', function(e) { e.preventDefault(); var txt = $(this).serialize(); console.log(txt); $.ajax({ type:'GET', url:'ajax.php', data: txt, success:function(resultado) { $('.div').html(resultado); }, error:function() { alert("ocorreu um erro"); } }); }); }); </script> </body> </html> (ajax.php) <?php $acessorio = $_GET['acessorio']; echo $acessorio; ?>
  16. Paulo Ladeira

    Como selecionar itens e gravar num arquivo?

    Preciso selecionar itens de acessórios de um veículo nessa tag dropdown do bootstrap4 e depois gravar em outro arquivo dos acessórios de um veículo. Os itens devem ficar marcados para ter a visualização do que está sendo incluído Tirei a classe dropdown-item porque a caixa que mostra os acessórios fica totalmente desposicionada. Como se faz para selecionar itens e depois gravar todos eles em outro arquivo? Tem algum código que posso me basear? Não encontro algo que possa me ajuda..! <div class="container-fluid"> <div class="dropdown"> <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> Acessórios </button> <div class="dropdown-menu" style="font-size:14px";> <?php $sql = "SELECT * FROM $arquivo_ac"; $result_ac= mysqli_query($strcon,$sql); while ($row = mysqli_fetch_array($result_ac)) { $acessorio = $row['acess_descr']; echo utf8_encode("$acessorio<br>"); } ?> <br> <button type="button" class="btn btn-primary"> Gravar </button> </div> </div> </div>
  17. thi100

    Questionário javascript

    Estou desenvolvendo um quiz com perguntas e respostas com vários tipos de inputs para resposta, já fiz um usando checkbox e outro usando o radio, agora tava tentando desenvolver um usando o input text, achei um código que faz o que eu quero mas ele tem uns erros como por exemplo a mensagem de erro ou acerto não some se eu apertar o botão, ele adiciona outra mensagem abaixo da existente, poderiam me ajudar a melhorar esse código ? <form name="form1" id="form1" method="post" action="" > 1. Bla bla bla. <br> <input name="txtResposta1" type="text" id="txtResposta1" size="60" class="resposta"> <br> 2. Blu blu blu? <br> <input name="txtResposta2" type="text" id="txtResposta2" size="60" class="resposta"> <br> 2. ZIIII? <br> <input name="txtResposta3" type="text" id="txtResposta3" size="60" class="resposta"> <br> <br> <input type="button" id="button" name="button" value="Corrigir"> </form> <script> // Começamos com uma 'Self-Executing Anonymous Functions', esse parttern nos ajuda a não poluir o global namespace; ;(function(){ // doc é um 'cache' para o objeto global documento, assim nao precisamos subir toda hora para acessar esse objeto, ja que agora temos ele local; var doc = document, // Um array que contem todos os inputs com a class .resposta. (.querySelectorAll nao está disponivel em todos os navegadores, entao caso você precise você pode usar outra maneira para conseguir os inputs, ex.: .getElementsByClassName()) respostaUsuario = doc.querySelectorAll('input.resposta'), // A lista de respostas corretas; respostaCorreta = ['a', 'b', 'c'], // Um pequeno dicionário para feedback; resposta = { 'certa': 'Sua resposta esta certa', 'errada': 'Resposta correta: ' }, // O botao que será clicado para verificar suas respostas; btn = doc.getElementById('button'); // Funcao chamada para verificar as resposas; function Corrigir() { // Variaveis locais, incluindo um caching para a quantidade de inputs na pagina var i, len = respostaUsuario.length; for( i = 0; i < len; i++ ) { // Ao inves de usar document.write segue uma maneira melhor de mostrar seus resultados; var d = doc.createElement('div'), text; // Se a resposta do usuário estiver correta; if (respostaUsuario[i].value == respostaCorreta[i]) { // Criamos um texto para mostrar para ele; text = doc.createTextNode(resposta.certa); d.appendChild(text); // Colocamos esse texto logo apos o input; respostaUsuario[i].parentNode.insertBefore(d, respostaUsuario[i].nextSibling); } else { // Caso ele erre, criamos um texto de erro e adicionando a mensagem abaixo do input; text = doc.createTextNode(resposta.errada + respostaCorreta[i]); d.appendChild(text); respostaUsuario[i].parentNode.insertBefore(d, respostaUsuario[i].nextSibling); } } } // Aqui vamos ouvir o evento de click no botao; Quando ele for clicado vamos executar a funcao Corrigir; button.addEventListener("click", Corrigir, false); })();
  18. Boa tarde estou criando um bot em js, com o node, e o json, e ele basicamente cria uma wiki de acordo com que o usuario pede, no caso na lina 40 eu tento inserir o bloco nPage para o usuario criar o "nova pagina", mas em vez de o json inserir o novo bloco, ele geralmente sobrescreve o já existente ou coloca [object][object] como na foto 1
  19. Estou com um projeto em que após o login, carrego todos os dados primordiais do usuário em um localStorage. Uma vez logado, esse objeto JSON armazenado como string criptografada pode ser acessado offline, inclusive. Porque trata-se de um projeto web embarcado em um webview Java Android. Pois bem. Estou com um cliente que excedeu esse limite por ter mais de 30K linhas de informação especifica que é transformada em string e posteriormente criptografada. Lógico que isso excedeu o limite do localStorage. localStorage.setItem('corexmr', GARRA.Const.Criptografia.set(JSON.stringify(GARRA))); Minha primeira dúvida foi saber se o limite era empregado a unidade do localStorage usado ou se esse limite é do uso do LS no projeto. Tirei essa duvida porque criei uma função de empilhamento de LS, monitorando o limite distribuido em cada. Então, se seu fizesse um armazenamento, eu poderia realizar um stringfy, criptografar, mensurar o tamanho e dividir pelo limite em storages como 'core', 'core1', 'core2', ... GARRA: { Methods: { localStorage: { limitcharacter: 5000000, set: function(nome, obj) { var objString = GARRA.Const.Criptografia.set(JSON.stringify(obj)); if (GARRA.Methods.localStorage.limitcharacter > objString.length) { localStorage.setItem(nome, objString); } else { var calc = (objString.length / GARRA.Methods.localStorage.limitcharacter), i = 0, start = 0; while (i <= calc) { localStorage.setItem((i === 0) ? nome : nome + i.toString(), objString.substr(start, GARRA.Methods.localStorage.limitcharacter)); start = (start + GARRA.Methods.localStorage.limitcharacter); i++; } } }, load: function(nome) { var end = false, i = 0, content = ''; while (!end) { if (localStorage.getItem((i === 0) ? nome : nome + i.toString()) == null) { end = true; } else { content += localStorage.getItem((i === 0) ? nome : nome + i.toString()); } i++; } return JSON.parse(GARRA.Const.Criptografia.load(content)); } } } } Mas mesmo assim cheguei ao limite. Pergunta: - Existe uma solução alternativa, para quem quer continuar a armazenar localmente no cliente sob regime de persistência?
  20. Landim

    Problema ao chamar o método

    Preciso fazer uma classe para impressao, outra para execução e outra para o código principal. Terminei a classe do código mas não consigo importar ele para imprimir. Segue abaixo os códigos. Código principal: package br.ucsal; import javax.swing.JOptionPane; public class Testes { public static String[] email() { // E-mails cadastrados no sistema String[] emails = new String[3]; emails[0] = "joao@ucsal"; emails[1] = "lucca@ucsal"; emails[2] = "landim@ucsal"; return emails; } public static String[] senha() { // Senhas dos e-mails cadastrados String[] senhas = new String[3]; senhas[0] = "123"; senhas[1] = "456"; senhas[2] = "789"; return senhas; } public static void verif(String[] emails, String[] senhas) { boolean validador = false; boolean validador1 = false; String correio = ""; String password; // Verificar se o e-mail inserido está cadastrado do { // Exmeplo: correio = "icaro@ucsal"; correio = JOptionPane.showInputDialog(null, "Insira seu e-mail", "LOGIN", JOptionPane.PLAIN_MESSAGE); for (int i = 0; i < emails.length; i++) { if (correio.equals(emails)) { validador = true; } } } while (validador == false); // Validar se a senha inserida corresponde ao e-mail inserido // anteriormente do { // Exemplo: password = "123"; password = JOptionPane.showInputDialog(null, "Insira sua senha", "LOGIN", JOptionPane.PLAIN_MESSAGE); for (int i = 0; i < senhas.length; i++) { if (correio.equals(emails) && password.equals(senhas)) { validador1 = true; } } } while (validador1 == false); } } Impressao: package br.ucsal; public class Impressao { public static void imprimir(String txt) { System.out.println(txt); } public static void imprimir(String[] txt) { System.out.println(txt); } public static void imprimir(int txt) { System.out.println(txt); } public static void imprimir(int[] txt) { for (int i = 0; i < txt.length; i++) { System.out.print(txt + " "); } } } Execução: package br.ucsal; public class Executor { public static void main(String[] args) { // String e = Login.obtemEmail(); //Impressao.imprimir(e); String[] a = Testes.email(); Impressao.imprimir(a); String[] b = Testes.senha(); Impressao.imprimir(b); } } /* sc = new Scanner(System.in); String email = "abc"; String email2=""; do{ System.out.println("digite o email"); email2=sc.nextLine(); }while(!email2.equals(email));*/
  21. Eu irei apresentar a ideia que quero fazer em meu site e em seguida mostrarei o que já fiz e o que está funcionando corretamente e logo depois apresentarei o problema que não estou conseguindo resolver. Caso eu não seja claro em alguma parte, eu vou ficar super feliz de esclarecer para que a compreensão fique melhor. IDEIA: Eu estou fazendo uma tela de com informações sobre tipos de consultoria, para isso fiz 6 cards (Retangulo com Icone + nome) com os títulos que precisava. O que vai conter nessa interação de cards: Hover: - Alteração de cor no icone e titúlo do card; Event Click: - Faz requisição Ajax e exibe a <div> com resposta; - Alteração de cor no icone e título do card; JÁ DESENVOLVIDO: Eu já consegui fazer a parte do hover, claro e o Event Click com Javascript, como segue abaixo: Esse é o HTML: <div class="col-lg-4 col-md-6 mt-5"> <a data-consult-id="1"> <div class="text-center element"> <div style="margin-bottom: 25px;"> <i class="ti-package ti-icone"></i> </div> <h4> RH </h4> </div> <!-- feature --> </a> </div> <div class="col-lg-4 col-md-6 mt-5"> <a data-consult-id="2"> <div class="text-center element"> <div style="margin-bottom: 25px;"> <i class="ti-headphone-alt ti-icone"></i> </div> <h4> Processos Industriais </h4> </div> <!-- feature --> </a> </div> O CSS é: .element { box-shadow: 0 8px 50px -6px rgba(84,84,120,.26); padding: 40px 20px 20px; position: relative; background: #fff; cursor: pointer; } .element h4 { color: #3c9890; font-size: 20px } .element:hover div i{ background: rebeccapurple !important; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .element:hover h4{ color: #9e6bd2 !important; transition: all .5s ease-in-out; } .ti-icone { background: #35b1a6; width: 80px; height: 80px; display: inline-block; line-height: 80px; text-align: center; color: #fff; font-size: 28px; border-radius: 50%; } E aqui está o Javascript: $(document).on('click', 'a[data-consult-id]', function () { let consult_id = $(this).attr("data-consult-id"); var obj = $(this); let response = $(".response-content"); setTimeout(function(){ $.ajax({ url: "response.php?consult_id=" + consult_id, type: 'GET', success: function (data) { $(response).slideToggle('fast', function () { $('a[data-consult-id] .element div').children('i').css("background-color", ""); $('.element div', obj).children('i').toggleClass('actived'); $('.element', obj).children('h4').toggleClass('text-actived'); }).html(data); } }); }, 200); }); OBS.: Desculpa o detalhamento que pode parecer chato, mas se eu fizer simples demais ignoram a pergunta e podem dar negative, sla rsrs. PROBLEMA: Agora o meu problema é segundo o exemplo seguinte: Se eu clicar no card RH, a requisição será feita e retornará os dados para o response, ok e com isso eu adicionei um SlideToggle para efeito de abrir e fechar e também junto com isso eu coloquei uma função para que quando isso acontecer, ele adicione na tag <i> e na tag <h4> a classe .actived/.text-actived, o que elas fazem pode ser visto logo abaixo: .actived { background-color: #663399 !important; } .text-actived { color: #9e6bd2 !important; } Então, tendo esse card ativo, eu tenho ele exatamente como quero, porém se tendo esse card aberto eu clicar em outro card, por exemplo Processos Industriais, o SlideToggle() é desativado mas mesmo assim as classes .actived/.text-actived são adicionadas na tag <i> e na tag <h4>. Meu pedido é que alguem me ajude a entender como posso fazer essa funcionalidade para que quando eu clicar em um outro card, o antigo seja desativado e o AJAX do novo card seja aberto e exibido e com isso, a cor das tags "i" e "h4" do antigo tambem sejam desativadas e sejam ativadas no novo. Bom, era isso. Como fiz na minha pergunta anterior, eu vou colocar o link do site que estou desenvolvendo essa funcionalidade para talvez vocês verem melhor. Link do site que estou desenvolvendo: http://hecato.com/sistema/info/consultores.php Link do site de exemplo que possui caixas de info conforme eu preciso: https://www.wickbold.com.br/linhas-produtos/grao-sabor/ Qualquer duvida, por favor, comentem e irei responder o mais rapido possivel. Eu também estou testando algumas formas para arrumar isso. Obrigado a todos e que a força esteja....
  22. Mech

    Como animar canvas com JS?

    Como posso animar um Canvas com javascript? Preciso criar um animação no canvas que crie "ondas". Algo como: https://cdn.dribbble.com/users/636156/screenshots/1904130/fluid_drop_loading.gif
  23. Prezados, Estou desenvolvendo uma aplicação web para gerenciamento de acesso ao almoxarifado do pequeno negócio de uma pessoa sem muitos recursos da comunidade aqui. Com conhecimentos de html5, css3 e um pouco de php, consegui fazer toda a parte de registros e a interface web de controle, no entanto, não entendo nadinha de javascript e "travei" no código para finalizar o projeto. Tenho esse script encontrado de fonte aberta na internet, mas não consigo adaptá-lo: <html lang="pt-br"> <head> <script type='text/javascript'> var led_controle = function(status) { var xmlhttp = new XMLHttpRequest(); var set_status = "http://192.168.1.35/?function=" + status; xmlhttp.open("GET", set_status); xmlhttp.send(); } // Acessa os botões e passa as nossas diretivas de ligar ou desligar o relé var led = function() { var on = document.querySelector(".on"); on.onclick = function() { led_controle("led13_on"); } var off = document.querySelector(".off"); off.onclick = function() { led_controle("led13_off"); } } window.onload = function() { // Chama a função led led(); } </script> </head> <body> <p><a class="btn on">ON</a></p> <p><a class="btn off">OFF</a></p> </body> </html> O código acima funciona perfeitamente. Ele aciona um sketch armazenado em um esp8266 e, através deste, aciona via relé de comando a porta do almoxarifado. O problema consiste que AO INVÉS do conteúdo do "body" acima, eu preciso capturar a ação do "button" dos forms contidos no "body" abaixo: <body> <form method="post" action="pagina.php"> <fieldset> <p class="center"> <input type="hidden" name="funcionario" value="entrada-almoxarifado"></input> <button class="btn" style="width: 250px;" type="submit" value="submit">entrar</button> </p> </fieldset> </form> <form method="post" action="pagina.php"> <fieldset> <p class="center"> <input type="hidden" name="funcionario" value="saida-almoxarifado"></input> <button class="btn" style="width: 250px;" type="submit" value="submit">sair</button> </p> </fieldset> </form> </body> </html> Já tentei várias e várias sugestões encontradas na internet, mas como não sei adaptar os códigos encontrados, não tem dado certo. Alguém poderia me explicar detalhadamente como modificar o script contido no head da minha página, parte por parte, para que o mesmo continue executando sua função só que capturando a ação do "button" do formulário? Agradeço de coração quem puder se dispor a ajudar. Sds, Mary
  24. rafael_amaral

    Fixar thead da tabela

    Bom dia, estou com uma dificuldade em um problema que já tá me deixando maluco, vamos lá: Preciso de um códido que a uma determindada altura do topo do navegador fixe uma thead da tabela abaixo do topo do navegador e deixe o tbody passar por trás, e ao subir novamente a tela não fique mais fixo. A dificuldfade que estou é que na tabela as duas colunas inicias correm deixando o resdo do tbody passar por trás, e todo vez que uso algum tipo de position ela fica mito abaixo ou some. Não sei o que está acontecendo, já peguei o projeto pronto para modificar e sou novo em desenvolvimento. A tabela já está em duas divs, não posso mostrar o projeto, pois é da empresa e tem acordo confidencialidade, me desculpem! Quem poder me ajudar muito obrigado!!
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.