Jump to content

Search the Community

Showing results for tags 'Jquery'.



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
  • 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

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

  1. ricardonews

    logar no banco com ajax e jquery

    Olá pessoal, fiz 2 formularios de login em jquery e ajax, um eu vi na internert o modelo então fiz umas adaptações e funcionou com meu banco de dados. porem o outro que fiz baseado nele não funcionou. vou postar aqui pra voces o funcionando e o não funcionando, alguém pode me dar uma ajuda?, dizer que erro é esse? ele simplesmente não loga e não aparece erros no console. <!doctype html> <html> <?php require_once"config.php"; ?> <head> <title>APRENDIZ DE JS</title> <link href="style.css" rel="stylesheet" type="text/css"> <script src="jquery-3.2.1.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $("#but_submit").click(function(){ var username = $("#meu_nome").val().trim(); var password = $("#minha_senha").val().trim(); if( username != "" && password != "" ){ $.ajax({ url:'pesquisar.php', type:'post', data:{username:username,password:password}, success:function(response){ var msg = ""; if(response == 1){ window.location = "home.php"; }else{ msg = "Invalid username and password!"; } $("#message").html(msg); } }); } }); }); </script> </head> <body> <div class="container"> <div id="div_login"> <h1>Login</h1> <div id="message"></div> <div> <input type="text" class="textbox" id="meu_nome" name="meu_nome" placeholder="Username" /> </div> <div> <input type="password" class="textbox" id="minha_senha" name="minha_senha" placeholder="Password"/> </div> <div> <input type="button" value="logar" name="but_submit" id="but_submit" /> </div> </div> </div> </body> </html> /* Container */ .container{ width:40%; margin:0 auto; } /* Login */ #div_login{ border: 1px solid gray; border-radius: 3px; width: 470px; height: 270px; box-shadow: 0px 2px 2px 0px gray; margin: 0 auto; } #div_login h1{ margin-top: 0px; font-weight: normal; padding: 10px; background-color: cornflowerblue; color: white; font-family: sans-serif; } #div_login div{ clear: both; margin-top: 10px; padding: 5px; } #div_login .textbox{ width: 96%; padding: 7px; } #div_login input[type=submit]{ padding: 7px; width: 100px; background-color: lightseagreen; border: 0px; color: white; } #message{ width:100%; text-align:center; color:red; } /* media */ @media screen and (max-width:720px){ .container{ width: 100%; } #div_login{ width: 99%; } } <?php require_once "config.php"; // AQUI É O PESQUISAR PHP $uname = mysqli_real_escape_string($con,$_POST['username']); $password = mysqli_real_escape_string($con,$_POST['password']); if ($uname != "" && $password != ""){ $sql_query = "SELECT count(*) as cntUser FROM usuarios WHERE username='".$uname."' and password='".$password."'"; $result = mysqli_query($con,$sql_query); $row = mysqli_fetch_array($result); $count = $row['cntUser']; if($count > 0){ $_SESSION['uname'] = $uname; echo 1; }else{ echo 0; } } <?php require_once "config.php"; // AQUI É A HOME.PHP // Check user login or not if(!isset($_SESSION['uname'])){ header('Location: index.php'); } // logout if(isset($_POST['but_logout'])){ session_destroy(); header('Location: index.php'); } ?> <!doctype html> <html> <head> <title>SEJA BEM VINDO!</title> </head> <body> <h1>PÁGINA INICIAL</h1> <form method='post' action=""> <input type="submit" value="SAIR" name="but_logout"> </form> </body> </html> <?php // ESSE AQUI É A CONFIG.PHP session_start(); $host = "localhost"; /* Host name */ $user = "root"; /* User */ $password = ""; /* Password */ $dbname = "login2"; /* Database name */ $con = mysqli_connect($host, $user, $password,$dbname); // Check connection if (!$con) { die("Connection failed: " . mysqli_connect_error()); } Então pessoal, até aqui funciona normal . agora a linha abaixo é oque não funciona e eu vou postar só a index e o css porque repete o de cima. se alguém poder me ajudar eu fico grato. desde já muito obrigado <html> <?php require_once"config.php"; ?> <head> <title>Formulario de login </title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script src="jquery-3.2.1.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $("#but_submit").click(function(){ var username = $("#meu_nome").val().trim(); var password = $("#minha_senha").val().trim(); if( username != "" && password != "" ){ $.ajax({ url:'pesquisar.php', type:'post', data:{username:username,password:password}, success:function(response){ var msg = ""; if(response == 1){ window.location = "home.php"; }else{ msg = "Invalid username and password!"; } $("#message").html(msg); } }); } }); }); </script> </head> <body> <form id="formulario" method="post"> <fieldset> <h2>Configuracoes da conta</h2> <h3>Area de login </h3> <input type="text" id="meu_nome"name="meu_nome" placeholder="username" /> <input type="password" id="minha_senha " name="minha_senha" placeholder="digite sua senha" /> <input type="submit" class="next acao" value="Logar" /> </fieldset> </body> </html> agora é o css *{margin:0; padding:0;} html{ height:100%; background: linear-gradient(rgba(38, 128, 101, 0.9), rgba(52, 177, 140, 0.9)); } .erros, .ok { width:390px; padding:5px; background:rgba(238, 249, 113, 0.9); margin: 20px auto 0 auto; border: 1px solid rgba(222,239,10,0.9); border-radius: 4px; color: #333; } .ok{background: rgba(155,222,143,0.9);border-color: rgba(68, 171, 50, 0.9);color:white;} body{ font-family: "Trebuchet MS", tahoma, arial; } #formulario{ width:500px; margin:40px auto; text-align:center; position:relative; } #formulario fieldset{ background:white; border:0 none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 0 15px 1px rgba(0,0,0, 0.4); padding:20px 30px; box-sizing: border-box; width:80%; margin:0 10%; position:absolute; } #formulario input, #formulario textarea{ padding:10px; border:1px solid rgba(38, 128, 101, 0.9); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; outline:none; box-sizing: border-box; width:100%; font:14px "Trebuchet MS", tahoma, arial; color:#090; margin-bottom:10px; } #formulario .acao{ width:100px; background:rgba(38, 128, 101, 0.9); color:white; text-transform:uppercase; font-weight:bold; padding:12px 0; float:left; margin-right:5%; } #formulario .acao:hover{background:rgba(52, 177, 140, 0.9); cursor:pointer;}
  2. Fala galera... Depois de tanto sofrer tentando e pesquisando na internet, não consegui resolver... A nível de conhecimento, segue código para::: 1) Ao clicar, pegar o id do botão, em seguida abrir com slidetoggle e jogar no TOP tipo ancora. 2) ou seja, expandir a slidetoggle, mas POSICIONAR no id da DIV, SECTION ou etc... CODE: $(function () { // $("#btn-maps").on("click", function () { // $('html, body').animate({ // scrollTop: $("#maps").slideToggle('slow').offset().top - 135 // }, 1200, 'linear'); // }); $("#btn-maps").click( function (event) { event.preventDefault(); if ($("#maps").is(":visible")) { $("#maps").slideUp(600).offset().top; } else { $("#maps").slideDown(600).offset().bottom; } } ); }); Este código, funciona perfeitamente, adaptado de vários códigos buscados na internet, porém, não consigo com nenhum dos dois, posicionar ao CLICK o SLIDETOGGLE ao expandir deixar examente no inicio do ID; Dicas, Sugestões como fazer, realizar, agradeço. Obrigado.
  3. Eu estou tentando fazer um Jquery steps wizard mas não consigo colocar pra ele parar caso não tenha sido preenchido o formulario no segundo passo. http://www.jquery-steps.com/Examples if (newIndex === 2 && $("#Rua").val() == "") { return false; } $(document).ready(function() { $("#wizard").steps({ headerTag: "h2", bodyTag: "section", transitionEffect: "slideLeft", stepsOrientation: "vertical", labels: { current: "current step:", pagination: "Pagination", finish: "Finalizar", next: "Confirmar", previous: "Voltar", loading: "Carregando ..." }, onStepChanging: function(event, currentIndex, newIndex, cepError) { if (currentIndex > newIndex) { return true; } if (newIndex === 1) { return true; } if (newIndex === 2 && $("#Rua").val() == "") { return false; } } } ) }); <div id="wizard"> <h2>Verificação pedido</h2> <section> <h2><strong>Pedido:</strong></h2> <div class="lista-carrinho"></div> </section> <h2>Local de entrega</h2> <section> <div class="informações-usuario"> <form method="get" action="." id="#form-cep"> <div class="form-row"> <div class="form-group col-md-6"> <label for="cep">Cep:</label> <input name="cep" type="text" class="form-control" id="cep" placeholder="09572-660" value="" size="10" maxlength="9" required> </div> <div class="form-row"> <div class="form-group col-md-6"> <label for="rua">Rua:</label> <input name="rua" class="form-control" type="text" id="rua" placeholder="Sete de Dezembro" size="60" maxlength="" /> </div> </div> <div class="form-row"> <div class="form-group col-md-6"> <label for="bairro">Bairro:</label> <input name="bairro" class="form-control" type="text" placeholder="Nova Gerty" id="bairro" size="40" maxlength="40" /> </div> </div> <div class="form-row"> <div class="form-group col-md-6"> <label for="n">N°:</label> <input name="n" class="form-control" type="text" placeholder="2" id="n" size="6" maxlength="10" /> </div> </div> <div class="form-group col-md-6"> <label for="complemento">Complemento:</label> <input name="complemento" type="text" class="form-control" id="complemento" placeholder="Ao lado do extra" value="" size="10" maxlength="9" requerid> </div> <div class="form-row"> <div class="form-group col-md-11"> <label for="cidade">Cidade:</label> <input name="cidade" class="form-control" type="text" placeholder="São Bernardo do Carpo" id="cidade" size="40" maxlength="40" /> </div> </div> </div> </form> </div> </section> <h2>Forma de pagamento</h2> <section> <div class="row d-flex justify-content-center col-sm col-md col-lg m-5 "> <h2>Informe sua forma de pagamento :</h2> </div> <div class="row d-flex justify-content-center col-sm col-md col-lg m-5 "> <div class="col-2"> <li class="list-inline-item"> <div class="pure-radiobutton"> <input id="Dinheiro" name="dinheiro" type="radio" class="radio"> <label for="Dinheiro">Dinheiro</label> </div> </li> </div> <div class="row"> </div> <div class="col-2"> <li class="list-inline-item"> <div class="pure-radiobutton"> <input id="Cartao" name="cartao" type="radio" class="radio"> <label for="Cartao">Cartão</label> </div> </li> </div> </div> </section> </div>
  4. ricardonews

    Existe diferenças de login em php e js?

    Olá pessoal, fiz um formulario de cadastro usando o jquery ,ajax com o json. só que agora eu estou querendo logar no banco, fiz todo o procedimento normal que se faz para site em php, mas não consegui nada, eu tenho algumas imagem aqui vou colocar. Queria logar, eu coloquei a index sem o php porque tentei com php e js mas nao funcionou , alguem pode me ajudar ? desde já obrigado.
  5. tiagosp

    Jquery e JavaScript Regular

    Olá, tenho uma duvida a respeito da mesclagem entre Jquery e Js regular. Sei que Jquery é um JS simplificado, porém gostaria de saber se existe alguma regra quanto a utilização de ambos no mesmo script, por exemplo: var nome = $("$nome").text(); alert(nome); Posso utilizar ambos sem problemas, ou há alguma exceção, ou ainda uma regra de fato.
  6. Bom dia pessoal Estou estruturando um slideshow puro em css3 + html mas percebi que vou precisar de jquery para algumas funções, eu vinculei radios com lables para a navegação do menu e consegui montar em jquery o efeito "active" para quando é clicado em um botão, tudo funcionando perfeitamente e responsivamente nos browsers. Só que agora eu preciso que os slides passem automaticamente e vinculados a navegação, trocando ambos da direta pra esquerda, mantendo o efeito "active" na navegação com harmonia com as imagens, todos os exemplos que saí atrás na internet não vinculam radios com lables para navegação, então isso está me causando uma dificuldade além do que esperava, desde já agradeço a ajuda de vocês Segue abaixo os códigos Index.html <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="slidershow middle"> <div class="slides"> <input type="radio" name="r" id="r1" checked> <input type="radio" name="r" id="r2"> <input type="radio" name="r" id="r3"> <input type="radio" name="r" id="r4"> <input type="radio" name="r" id="r5"> <div class="slide s1"> <a href="#"> <img src="1.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="2.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="3.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="4.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="5.jpg" alt=""></a> </div> </div> <div class="navigation"> <label for="r1" class="bar active"></label> <label for="r2" class="bar"></label> <label for="r3" class="bar"></label> <label for="r4" class="bar"></label> <label for="r5" class="bar"></label> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <script type="text/javascript"> $(document).on('click', 'label', function() { $(this).addClass('active').siblings().removeClass('active') }) </script> </body> </html> style.css *{ margin: 0px; padding: 0px;} .slidershow{ width: 100%; height: 100%; overflow: hidden; position: absolute; max-height: 70%; } .middle{ position: absolute; } .navigation{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; } .bar{ width: 60px; height: 5px; background-color: #c1c0c0; margin: 6px; cursor: pointer; transition: 0.4s; } .bar:hover{ background: #ddcf19; } .bar.active{ background: #ddcf19; } input[name="r"]{ position: absolute; visibility: hidden; } .slides{ width: 500%; height: 100%; display: flex; } .slide{ width: 20%; transition: 0.6s; } .slide a{ display: block; width: 100%; height: 100%; cursor: pointer;} .slide img{ width: 100%; height: 100%; object-fit: cover; } #r1:checked ~ .s1{ margin-left: 0; } #r2:checked ~ .s1{ margin-left: -20%; } #r3:checked ~ .s1{ margin-left: -40%; } #r4:checked ~ .s1{ margin-left: -60%; } #r5:checked ~ .s1{ margin-left: -80%; } Basicamente quero como o link abaixo mas vinculando meus controles de navegação Exemplo
  7. Mensageyro

    Colocar efeito para abrir menu

    Olá pessoal, tenho um script para abrir um menu, preciso colocar um efeito legal quando o menu descer segue a imagem do script:
  8. edupoli

    Ajuda com Datatable

    Amigos preciso de uma ajuda Em um sistema, tenho uma TABELA HTML que é populada com dados do BD através de consultas XMLHttpRequest. exemplificando o cenário tenho: Uma pagina chamada ListarExames.php e outra pagina Busca.php onde no arquivo busca.php está toda a logica com as consultas SQL e o resultado da busca é carregado em uma <div> na pagina ListarExames.php. tudo esta funcionando corretamente, entretanto como algumas vezes como são retornados Muitos resultados na listagem, eu gostaria de fazer com que a tabela que é carregada dinamicamente na <div> virasse um DataTable e não uma tabela simples HTML. Abaixo segue código da função que dispara a busca [javascript] function buscarExames(inicio,pagina){ var numCamposForm=document.filtros.length; var array_campos = ""; for (i=0;i<numCamposForm;i++){ array_campos=array_campos+document.filtros.id+"="+document.filtros.value.toUpperCase()+"&"; } var valor=array_campos.substring(0,(array_campos.length - 1)); if(valor == '' || valor == ' ') exit; if(window.XMLHttpRequest) { req = new XMLHttpRequest(); } else if(window.ActiveXObject){ req = new ActiveXObject("Microsoft.XMLHTTP"); } var url = "busca.php?"+valor+"&inicio="+inicio+"&pagina="+pagina; req.open("Get", url, true); req.onreadystatechange = function() { if(req.readyState == 1) { document.getElementById('resultado').innerHTML = 'Buscando Exames...'; } if(req.readyState == 4 && req.status == 200) { var resposta = req.responseText; document.getElementById('resultado').innerHTML = resposta; } } req.send(null); } [/javascript] na pagina ListarExames.php temos <div id="resultado"></div> a tabela é montada no busca.php e possui um id="dcm" echo'<table id="dcm" class="table display data-results table-condensed table-sm table-hover" cellspacing="0" style="background-color: #ffffff">'; echo'<thead>'; echo'<tr>'; echo'<th>Nº PACIENTE</th>'; echo'<th>NOME DO PACIENTE</th>'; echo'<th>SEXO</th>'; echo'<th>DATA DO EXAME</th>'; echo'<th>TIPO DE EXAME</th>'; echo'<th>MODALIDADE</th>'; echo'<th>AÇÃO</th>'; echo'</tr>'; echo'</thead>'; while($linha = pg_fetch_array($sql)) { $std_status=$linha['study_status']; $std_data=$linha['study_date']; $std_hora=$linha['study_time']; $pat_name=str_replace('^',' ',$linha['pat_name']); $pat_sex=$linha['pat_sex']; $pat_id=$linha['pat_id']; $std_id=$linha['study_id']; $std_accession=$linha['accession_no']; $std_desc=$linha['study_desc']; $std_mod=$linha['mods_in_study']; echo'<tbody>'; echo "<td>$pat_id</td>"; echo "<td>$pat_name</td>"; echo "<td>$pat_sex</td>"; echo "<td>$std_data - $std_hora </td>"; echo "<td>$std_desc </td>"; echo "<td>$std_mod</td>"; echo'</tbody>'; Desta forma quando eu chamo a função para transformar a tabela carregada na pagina ListarExames.php em um DataTable [javascript] <script type="text/javascript"> $(document).ready(function () { $('#resultado').DataTable(); }); </script> [/javascript] Da erro porque o elemento "resultado" é uma <div> e não uma tabela, conforme mensagem: DataTables warning: Non-table node initialisation (DIV). For more information about this error, please see http://datatables.net/tn/2 e se eu colocar na pagina ListarExames.php o id="dcm" que é o ID da tabela que é gerada dinamicamente na outra pagina busca.php não da certo. [javascript] <script type="text/javascript"> $(document).ready(function () { $('#dcm').DataTable(); }); </script> [/javascript] Ai o que fiz foi ao inves de um elemento <div> eu coloquei um elemento <table> com o id="resultado" desta forma: <table id="resultado" class="table display table-condensed data-results table-hover" cellspacing="0" style="background-color: #ffffff"> <thead><tr><th>Nº PACIENTE</th><th>NOME DO PACIENTE</th><th>SEXO</th><th>DATA DO EXAME</th><th>TIPO DE EXAME</th><th>MODALIDADE</th><th>AÇÃO</th></tr></thead> <tbody><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></tbody> </table> A principio deu certo carregou todos os dados, apresentou tambem os elementos DataTable como Search a paginação etc.... mais os elementos não funcionam apenas são apresentados, entendi ? por exemplo se digitar alguma coisa no search do datatble não acontece nada, se selecionar apenas 10 resultados por pagina também nao acontece nada, enfim o datatable nao funciona. É possivel com o jquery selecionar um elemento de outra pagina ? porque pensei que se der para NA PAGINA ListarExames.php que é onde é carregada a tabela selecionar o elemento id="dcm" que é a tabela que é montada na pagina busca.php talves daria certo, vi que tem uma função LOAD do Jquery que faria isso mais não consegui entender e aplicar no meu projeto Não sei se ficou claro o meu problema, conto com a ajuda de voces pois ja se esgotaram minhas tentativas. Muito obrigado
  9. Bom dia, eu gostaria de fazer dois botões na datatable, um para excluir e outro que direcionaria o usuario para outra página. Meu index.php está desta forma, <?php include('scripts/inicio.php') ?> <link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css"> <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script> <script src="//cdn.datatables.net/plug-ins/1.10.19/i18n/Portuguese-Brasil.json"></script> <script src="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css"></script> <script src="../../extensions/Editor/css/editor.dataTables.min.css"></script> <script> $(document).ready(function() { $('#listar-usuario').DataTable({ "processing": true, "serverSide": true, "ajax": { "url": "proc_pesq_registro.php", "type": "POST" } }); } ); </script> <script> // $(document).ready(function() { //$('#listar-usuario').DataTable( { //"language": { //"sEmptyTable": "Nenhum registro encontrado", // "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros", //"sInfoEmpty": "Mostrando 0 até 0 de 0 registros", // "sInfoFiltered": "(Filtrados de _MAX_ registros)", // "sInfoPostFix": "", //"sInfoThousands": ".", //"sLengthMenu": "_MENU_ resultados por página", //"sLoadingRecords": "Carregando...", //"sProcessing": "Processando...", //"sZeroRecords": "Nenhum registro encontrado", //"sSearch": "Pesquisar", //"oPaginate": { // "sNext": "Próximo", // "sPrevious": "Anterior", //"sFirst": "Primeiro", //"sLast": "Último" //}, //"oAria": { // "sSortAscending": ": Ordenar colunas de forma ascendente", //"sSortDescending": ": Ordenar colunas de forma descendente" //} //} // } ); //} ); </script> <title>Registos</title> </head> <body> <div class="container"> <div class="row"> <div class="col-md-8 col-lg-8"> <a href="cadregistro.php" class="btn btn-primary">Voltar</a> <a href="index.php" class="btn btn-primary">Home</a> <hr class="new1"> </div> <div class="col-md-4"> <a href="http://www.novalima.mg.gov.br/" target="_blank" class="thumbnail" > <img data-src="holder.js/100%x180" /> <img src="imagens/logo.png" class="img-responsive" alt="PMNL" /> </a> </div> </div> <center><h1>Registros</h1></center> <br><br><br> <div class="row"> <div class="col-md-12"> <br><br> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title painel-title-responsive">Registros</h3> </div> <div class="panel-body"> <table id="listar-usuario" class="table table-striped table table-bordered table-hover table-responsive"> <thead> <tr> <th>Data de Abertura</th> <th>Data do Serviço</th> <th>Data da Busca</th> <th>Comentarios</th> <th>Cliente</th> <th>Problema</th> <th>Prestador</th> <th>Id</th> </tr> </thead> </table> </div> </div> </div> </body> <htnl> PS: Também gostaria de deixar o form em português, o código está como comentário pois quando coloco ele, traduz, porém não lista nada... Já a página proc_pesq_registro.php está desta forma: <?php include_once("conexoes/conexao.php"); ?> <?php //Receber a requisão da pesquisa $requestData= $_REQUEST; //Indice da coluna na tabela visualizar resultado => nome da coluna no banco de dados $columns = array( 0 =>'dataabertura_os', 1 => 'dataservico_os', 2=> 'databusca_os', 3=> 'comentario_servico', 4=> 'tbl_cliente_id_cliente', 5=> 'tbl_prestador_id_prestador', 6=> 'tbl_categoria_id_categoria', 7=> 'id_os', ); //Obtendo registros de número total sem qualquer pesquisa $result_user = "SELECT * from tbl_os inner JOIN tbl_cliente on tbl_cliente.id_cliente = tbl_os.tbl_cliente_id_cliente inner JOIN tbl_prestador on tbl_prestador.id_prestador = tbl_os.tbl_prestador_id_prestador INNER JOIN tbl_categoria on tbl_categoria.id_categoria = tbl_os.tbl_categoria_id_categoria "; $resultado_user =mysqli_query($conn, $result_user); $qnt_linhas = mysqli_num_rows($resultado_user); //Obter os dados a serem apresentados $result_usuarios = "SELECT * from tbl_os inner JOIN tbl_cliente on tbl_cliente.id_cliente = tbl_os.tbl_cliente_id_cliente inner JOIN tbl_prestador on tbl_prestador.id_prestador = tbl_os.tbl_prestador_id_prestador INNER JOIN tbl_categoria on tbl_categoria.id_categoria = tbl_os.tbl_categoria_id_categoria WHERE 1=1"; if( !empty($requestData['search']['value']) ) { // se houver um parâmetro de pesquisa, $requestData['search']['value'] contém o parâmetro de pesquisa $result_usuarios.=" AND ( dataabertura_os LIKE '".$requestData['search']['value']."%' "; $result_usuarios.=" OR dataservico_os LIKE '".$requestData['search']['value']."%' "; $result_usuarios.=" OR databusca_os LIKE '".$requestData['search']['value']."%' "; $result_usuarios.=" OR comentario_servico LIKE '".$requestData['search']['value']."%' "; $result_usuarios.=" OR nome_cliente LIKE '".$requestData['search']['value']."%' "; $result_usuarios.=" OR nome_prestador LIKE '".$requestData['search']['value']."%' "; $result_usuarios.=" OR descricao_categoria LIKE '".$requestData['search']['value']."%' "; $result_usuarios.=" OR id_os LIKE '".$requestData['search']['value']."%' )"; } $resultado_usuarios=mysqli_query($conn, $result_usuarios); $totalFiltered = mysqli_num_rows($resultado_usuarios); //Ordenar o resultado $result_usuarios.=" ORDER BY ". $columns[$requestData['order'][0]['column']]." ".$requestData['order'][0]['dir']." LIMIT ".$requestData['start']." ,".$requestData['length']." "; $resultado_usuarios=mysqli_query($conn, $result_usuarios); // Ler e criar o array de dados $dados = array(); while( $row_usuarios =mysqli_fetch_array($resultado_usuarios) ) { $dado = array(); $dado[] = $row_usuarios["dataabertura_os"]; $dado[] = $row_usuarios["dataservico_os"]; $dado[] = $row_usuarios["databusca_os"]; $dado[] = utf8_encode($row_usuarios["comentario_servico"]); $dado[] = utf8_encode($row_usuarios["nome_cliente"]); $dado[] = utf8_encode($row_usuarios["nome_prestador"]); $dado[] = utf8_encode($row_usuarios["descricao_categoria"]); $dado[] = utf8_encode($row_usuarios["id_os"]); $dados[] = $dado; } //Cria o array de informações a serem retornadas para o Javascript $json_data = array( "draw" => intval( $requestData['draw'] ),//para cada requisição é enviado um número como parâmetro "recordsTotal" => intval( $qnt_linhas ), //Quantidade de registros que há no banco de dados "recordsFiltered" => intval( $totalFiltered ), //Total de registros quando houver pesquisa "data" => $dados //Array de dados completo dos dados retornados da tabela ); echo json_encode($json_data); //enviar dados como formato json Então para resumir, eu gostaria de saber como coloco um botão para excluir o registro, e um para direcionar o usuário para uma outra página para alterar aquele registro. Também gostaria de saber onde coloco o código para tradução... Obrigado!
  10. olá pessoal estou com uma dificuldade em apenas 2 vareaveis que vem do jquery dentro de um array que é convertido para uma vareavel $novos campos , e nela tem nome email e etc, porem cadastra tudo no banco de dados mas o nome e sobrenome não, eu fiz uma adpataçao e deu erro vou mostrar nas images o erro, estou perdido ja fiz tudo que é teste e vários cadastros mas nenhum foi com sucesso e esse ultimo que fiz deu as falhas . dese já agradeço a todos que poderem de alguma forma dar uma dica doque houve exatamente.
  11. marcelocardoso

    limitar itens paginação...

    olá pessoal. Estou disponibilizando um script para paginação de noticias, ele funciona, porém, ao adaptar codigo usado da internet, não encontrei maneiras de LIMITAR os REGISTROS. Se alguém quiser contribuir, na parte da paginação, agradeço. preciso limitar os registros em 10 em 10 a paginação primeiro < 1 2 3 4 5 6 7 8 9 10 > ultimo <section class="container-fluid"> <div class="row mb-5"> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 mb-5"> <h1 class="text-center"> Informações e noticias </h1> <h3 class="text-center"> Atualizações diárias de conteúdos advocatícios e judiciais </h3> </div> <div class="col-xl-8 col-lg-8 col-md-8 col-sm-8 col-xs-12 mt-2 p-5" style="height: auto;"> <% IF IsEmpty(Request.QueryString("idnot")) OR IsNull(Request.QueryString("idnot")) THEN SQL1 = "SELECT * FROM dbluz_noticias ORDER BY id DESC LIMIT 1" ELSE SQL1 = "SELECT * FROM dbluz_noticias WHERE id = "& Request.QueryString("idnot") &" ORDER BY id DESC LIMIT 1" END IF SET strNoticias = Server.CreateObject("ADODB.Recordset") strNoticias.Open SQL1, conexao, 3, 3 IF strNoticias.EOF THEN %> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"> <h1>AVISO!</h1> <h4 style="color: green;"> Não existem noticias cadastradas no momento, <br> ou não existe registro para este ID informado. </h4> </div> <% ELSE DO WHILE NOT strNoticias.EOF %> <div class="box-noticias-data"> <%=strNoticias("dbluz_data")%> </div> <div class="box-noticias-subtitulo"> <%=strNoticias("dbluz_subtitulo")%> </div> <div class="box-noticias-titulo mt-4"> <%=strNoticias("dbluz_titulo")%> </div> <div class="box-noticias-descricao mt-5 text-justify"> <%=strNoticias("dbluz_descricao")%> </div> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 text-right box-noticias-fonte line-dotted-top mt-3 mb-5 p-2"> <span class="mb-5 mt-2 p-2 bg-success"> <a href="index.asp?idnot=<%=strNoticias("id")%>" role="button" class="btn btn-clean"> <span class="fa fa-print fa-1x font-color-var1"></span> </a> </span> </div> <% strNoticias.MoveNext Loop SET strNoticias = Nothing %> </div> <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-12 mt-5 p-0"> <% SQL2 = "SELECT * FROM dbluz_noticias " SET strNoticiasBlocos = Server.CreateObject("ADODB.Recordset") strNoticiasBlocos.Open SQL2, conexao, 3, 3 IF strNoticiasBlocos.EOF THEN %> <div class="row"> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"> <h1>AVISO!</h1> <h4 style="color: green;">Não existem noticias cadastradas no momento, <br> ou não existe registro para este ID informado.</h4> </div> </div> <% ELSE ItensExibidos = 1 'Qtde de Itens' NumeroDaPagina = Request.QueryString("pg") IF NumeroDaPagina = "" THEN NumeroDaPagina = 1 TotalDeRegistros = UBound(strNoticiasBlocos.GetRows,2)+1 InicioDaPagina = ((ItensExibidos*NumeroDaPagina)-ItensExibidos) FinalDaPagina = ItensExibidos IF TotalDeRegistros <= ItensExibidos THEN PaginaTotal = 1 ELSEIF (TotalDeRegistros MOD ItensExibidos = 0) THEN PaginaTotal = (TotalDeRegistros/ItensExibidos) ELSE PaginaTotal = (TotalDeRegistros/ItensExibidos) + 1 PaginaTotal = Cint(PaginaTotal) END IF strNoticiasBlocos.close SQL3 = SQL2 & "WHERE id != (SELECT max(id) FROM dbluz_noticias) ORDER BY id DESC LIMIT "& InicioDaPagina &" , "& FinalDaPagina &"" strNoticiasBlocos.Open SQL3, conexao, 3, 3 %> <div class="row"> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 mb-2"> <% DO WHILE NOT strNoticiasBlocos.EOF %> <div class="box-noticias-data-min"><%= strNoticiasBlocos("dbluz_data")%></div> <div class="box-noticias-titulo-min mt-1 mb-1"> <a href="index.asp?idnot=<%=strNoticiasBlocos("id")%>" class=""> <%= strNoticiasBlocos("dbluz_titulo")%> </a> </div> <div class="box-noticias-descricao-min hidden-sm hidden-xs mb-4 line-dotted-top"> <%= LEFT(strNoticiasBlocos("dbluz_descricao"),200)%> </div> <% strNoticiasBlocos.MoveNext Loop %> </div> <% END IF END IF %> </div> <div class="col-xl-12 col-lg-12 col-md-12 col-md-12 col-xs-12"> <ul class="pagination pagination-sm"> <% IF Cint(NumeroDaPagina) = 1 THEN %> <li class="page-item disabled"> <a class="page-link fa fa-home" href="?pg=1" tabindex="-1"></a> </li> <li class="page-item disabled"> <a class="page-link" href="?pg=<%=NumeroDaPagina-1%>" tabindex="-1">Anterior</a> </li> <% ELSE %> <li class="page-item"> <a class="page-link fa fa-home" href="?pg=1" tabindex="-1"></a> </li> <li class="page-item"> <a class="page-link" href="?pg=<%=NumeroDaPagina-1%>" tabindex="-1">Anterior</a> </li> <% END IF %> <% FOR intID = 1 TO PaginaTotal IF intID = Cint(NumeroDaPagina) THEN %> <li class="page-item active"><a class="page-link" href="#"><b><%=intID%></b></a></li> <% ELSE %> <li class="page-item"> <a class="page-link" href="?pg=<%=intID%>"> <%=intID%> </a> </li> <% END IF NEXT %> <% IF Cint(NumeroDaPagina) = PaginaTotal THEN %> <li class="page-item disabled"> <a class="page-link" href="?pg=<%=NumeroDaPagina+1%>">Proxima</a> </li> <li class="page-item disabled"> <a class="page-link fa fa-arrow-circle-right" href="?pg=<%=PaginaTotal%>"></a> </li> <% ELSE %> <li class="page-item"> <a class="page-link" href="?pg=<%=NumeroDaPagina+1%>">Proxima</a> </li> <li class="page-item"> <a class="page-link fa fa-arrow-circle-right" href="?pg=<%=PaginaTotal%>"></a> </li> <% END IF %> </ul> </div> <div class="col-xl-12 col-lg-12 col-md-12 col-md-12 col-xs-12"> <div class="text-right p-1" style="font-size: 10px;"> Navegando na página <b id="barra_numero"><%= NumeroDaPagina %></b> de <b id="barra_total"><%= PaginaTotal %></b> </div> <div class="text-right p-1" style="font-size: 10px; color: dimgray;"> TOTAL DE <b id="barra_registro"><%= TotalDeRegistros %></b> REGISTROS </div> </div> </div> </div> </section> CODIGO DA PAGINACAO EXTRAIDO DA PARTE DE CIMA, a parte que preciso ajustar.... <ul class="pagination pagination-sm"> <% IF Cint(NumeroDaPagina) = 1 THEN %> <li class="page-item disabled"> <a class="page-link fa fa-home" href="?pg=1" tabindex="-1"></a> </li> <li class="page-item disabled"> <a class="page-link" href="?pg=<%=NumeroDaPagina-1%>" tabindex="-1">Anterior</a> </li> <% ELSE %> <li class="page-item"> <a class="page-link fa fa-home" href="?pg=1" tabindex="-1"></a> </li> <li class="page-item"> <a class="page-link" href="?pg=<%=NumeroDaPagina-1%>" tabindex="-1">Anterior</a> </li> <% END IF %> <% FOR intID = 1 TO PaginaTotal IF intID = Cint(NumeroDaPagina) THEN %> <li class="page-item active"><a class="page-link" href="#"><b><%=intID%></b></a></li> <% ELSE %> <li class="page-item"> <a class="page-link" href="?pg=<%=intID%>"> <%=intID%> </a> </li> <% END IF NEXT %> <% IF Cint(NumeroDaPagina) = PaginaTotal THEN %> <li class="page-item disabled"> <a class="page-link" href="?pg=<%=NumeroDaPagina+1%>">Proxima</a> </li> <li class="page-item disabled"> <a class="page-link fa fa-arrow-circle-right" href="?pg=<%=PaginaTotal%>"></a> </li> <% ELSE %> <li class="page-item"> <a class="page-link" href="?pg=<%=NumeroDaPagina+1%>">Proxima</a> </li> <li class="page-item"> <a class="page-link fa fa-arrow-circle-right" href="?pg=<%=PaginaTotal%>"></a> </li> <% END IF %> Desde já obrigado...
  12. Obrigado Primeiramente, este é o meu First post aqui na comunidade Galera tenho um probleminha básico com jquery, tenho 4 campos <input> que quando preenchidos com texto, enviam para uma <textarea></textarea> a questão é: Como deixar um texto inicial na textarea, e quando eu preencher as inputs não apagar o valor existente? tenho uma prévia https://jsfiddle.net/orpwmc5b/3 Obrigado a todos!
  13. Boa tarde amigos, sei que há vario tópicos parecidos com esse, com praticamente a mesma dúvida, mas com diferentes resoluções. Mas o motivo de eu ter aberto um tópico novo foi por causa tenho duvida no meu código que não encontrei resposta nos outros tópicos. De antemão informo que meu conhecimento em javascript é muito limitado, por isso peço encarecidamente a paciência e compreensão dos colegas e dede já agradeço a todos. Muito obrigado. Bem, o problema: Tenho um form php com dois campos apenas: "PN do item" e "Descrição". Para o primeiro campo de input (PN do Item), com a ajuda da internet, implementei um script que a medida que digito ele faz uma busca no BD e autocompleta. Até ai beleza. O que estou querendo agora é, aproveitando a minha estrutura, fazer com que ao escolher o item do primeiro campo de input, o segundo campo de input me retornasse do BD a descrição deste item automaticamente sem refresh da página. Isso é possível? Abaixo deixo meus scripts: <?php require_once 'config/conexao.class.php'; require_once 'config/crud.class.php'; $con = new conexao(); // instancia classe de conxao $con->connect(); // abre conexao com o banco $consulta = mysql_query("SELECT pn_item FROM descricao_de_itens"); //Busca da tabela descricao_de_itens o campo pn_item para preencher as opções no form $dados =""; if(mysql_num_rows($consulta) > 0){ while($row = mysql_fetch_assoc($consulta)){ $dados = $dados."\"".$row["pn_item"]."\","; } } $dados = substr($dados,0,-1); // retira a última virgula ?> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="http://localhost/controle_estoque/css/jquery-ui.css"> <script src="http://localhost/controle_estoque/js/jquery-3.4.1.js"></script> <script src="http://localhost/controle_estoque/js/ui/jquery-ui.js"></script> <script> $( function(){ var availableTags = [<?php echo $dados?>]; $( "#tags" ).autocomplete({ source: availableTags }); } ); </script> <title></title> </head> <body> <form action="" method="post"><!-- formulario carrega a si mesmo com o action vazio --> <div class="ui-widget"> <label for="tags">PN do Item:</label> <input id="tags" type="text" name="nome"/> <br /> <br /> </div> <label>Descri&ccedil;&atilde;o:</label> <input type="text" name="descricao"/> <br /> <br /> <input type="submit" name="cadastrar" value="Cadastrar" /> </form> </body> </html> <?php $con->disconnect(); // fecha conexao com o banco ?>
  14. peterstefan

    Enviar imagem via js

    Olá, estou tentando enviar uma imagem do perfil em jquery para o php para cadastrar no banco.. Quando tento enviar via http ele vai certinho, mais queria sem dar refresh na pagina.... Tenho que fazer alguma coisa no jquery para que possa enviar o nome da imagem para o php? Fiz 3 teste de file para receber o nome da imagem e as 3 ta retornando null...
  15. Aalera como faço um busca um valor na propriedade data do Jquery através de um input? tipo mostrar a div de acordo com busca e ocultar as outras. <div data-value="A" class="valor">AA</div> <div data-value="B" class="valor">BB</div> <div data-value="C" class="valor">CC</div> Ex: Mostrar as div que contenham A e ocultar as restantes.
  16. erismarcds

    Player Musica fixo

    Olá, estou desenvolvendo um site, e adicionei um player de musica no rodapé do site, só que toda vez que entro em uma pagina do site ele começa a tocar novamente, quero deixar ele pra continuar tocando mesmo mudando de pagina.
  17. Gostaria de saber como consigo colocar um animate/effect de transição mais "suave" na troca das divs do código anexo. https://jsfiddle.net/h2av6nct/
  18. Eu tenho um carousel do bootstrap e me foi proposto que quando trocasse o slide, fizesse uma pequena animação nos elementos dentro dele Algo assim: if($('#item-2').hasClass('active')){ $('.imagem-carousel').fadeIn(2000) } Mas eu queria saber como eu faço pra que essa condição seja verificada sempre que o slide for trocado, seja por click, arrastando ou quando o slide passa automaticamente.
  19. Bom dia pessoal Estou estruturando um slideshow puro em css3 + html mas percebi que vou precisar de jquery para algumas funções, eu vinculei radios com lables para a navegação do menu e consegui montar em jquery o efeito "active" para quando é clicado em um botão, tudo funcionando perfeitamente e responsivamente nos browsers. Só que agora eu preciso que os slides passem automaticamente e vinculados a navegação, trocando ambos da direta pra esquerda, mantendo o efeito "active" na navegação com harmonia com as imagens, todos os exemplos que saí atrás na internet não vinculam radios com lables para navegação, então isso está me causando uma dificuldade além do que esperava, desde já agradeço a ajuda de vocês Segue abaixo os códigos Index.html <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="slidershow middle"> <div class="slides"> <input type="radio" name="r" id="r1" checked> <input type="radio" name="r" id="r2"> <input type="radio" name="r" id="r3"> <input type="radio" name="r" id="r4"> <input type="radio" name="r" id="r5"> <div class="slide s1"> <a href="#"> <img src="1.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="2.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="3.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="4.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="5.jpg" alt=""></a> </div> </div> <div class="navigation"> <label for="r1" class="bar active"></label> <label for="r2" class="bar"></label> <label for="r3" class="bar"></label> <label for="r4" class="bar"></label> <label for="r5" class="bar"></label> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <script type="text/javascript"> $(document).on('click', 'label', function() { $(this).addClass('active').siblings().removeClass('active') }) </script> </body> </html> style.css *{ margin: 0px; padding: 0px;} .slidershow{ width: 100%; height: 100%; overflow: hidden; position: absolute; max-height: 70%; } .middle{ position: absolute; } .navigation{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; } .bar{ width: 60px; height: 5px; background-color: #c1c0c0; margin: 6px; cursor: pointer; transition: 0.4s; } .bar:hover{ background: #ddcf19; } .bar.active{ background: #ddcf19; } input[name="r"]{ position: absolute; visibility: hidden; } .slides{ width: 500%; height: 100%; display: flex; } .slide{ width: 20%; transition: 0.6s; } .slide a{ display: block; width: 100%; height: 100%; cursor: pointer;} .slide img{ width: 100%; height: 100%; object-fit: cover; } #r1:checked ~ .s1{ margin-left: 0; } #r2:checked ~ .s1{ margin-left: -20%; } #r3:checked ~ .s1{ margin-left: -40%; } #r4:checked ~ .s1{ margin-left: -60%; } #r5:checked ~ .s1{ margin-left: -80%; } Basicamente quero como o link abaixo mas vinculando meus controles de navegação Exemplo
  20. Pessoal preciso de uma ajuda, desde já agradeço à todos. "Site teste, estudos..." Tenho um formulário com 3 etapas, ele está trabalhando em php normalmente e salvando os dados preenchidos em .txt (para testes apenas). Vamos lá, nas 3 etapas o form está com action="1.php" (2.php, 3.php) e method="post". [Não vou colocar muito código para simplificar, pois é um formulário básico fácil de entender] Exemplo: Pagina 1 - envia para action '1.php' Nome: Telefone: <input type="submit" value="Continuar"> ( O arquivo 1.php armazena os dados e redireciona => header( 'Location:Pagina2.php' ) ; Assim como os outros php's ) Pagina 2 - action 2.php armazena os dados e redireciona => header( 'Location:Pagina3.php' ) ; Cidade: Endereço: <input type="submit" value="Continuar"> A questão está na 3ª página Página 3 - Email: (Preciso que após preencher o campo da página 3 no caso "Email:", ao clicar no botão, neste caso não sei se seria um submit ou button. O formulário não redirecionar para pagina 4, ao clicar ele enviar e salvar normalmente, mas aparecer um novo input na mesma pagina por Exemplo:"Twitter:" ) No caso preciso que ele não redirecione , gostaria de colocar um gif de carregando por 15 segundos por exemplo como se estivesse processando as informações... e em seguida ele apresentar o novo input do "Twitter:" , onde ai sim enviaria normalmente...
  21. Boa tarde Pessoal e minha primeira vez aqui. e gostaria de uma ajuda. como posso salvar no banco o input adicionado pela função ONCLICK?? Encontrei essa ajuda aqui no fórum "(formulario[0][quantidade]) para que os inputs adicionados não fiquem com mesmo nome, porém ainda não conseguir salvar no banco, estou salvando apenas o principal. Resumindo, preciso salvar os pedidos de todos inputs e select adicionado pelo onlick. <div id="box" > <form id="teste" method="post"> <?php if(isset($_POST['acao'])){ $tipo_material = $_POST['material']; $quantidade = $_POST['quantidade']; // salvar no banco de dados! $gravar = new Painel(); $gravar->cadastrarItem($tipo_material,$quantidade); } ?> <div class="pedido"> <label>Selecione Material:</label> <select name="formulario[0] [material]" id="material"> --AQUI MOSTRA OS DADOS RETORNADOS POR UM CONSULTA AO BANCO COM FOREACH-- </select> <input type="text" id="quantidade" name="formulario[0][quantidade]" placeholder="Digite a Quantidade" > <input type="submit" name="acao" value="Cadastrar!"> </form> </div><!--pedido--> </div><!--box-->
  22. odenilson marques

    versões do jquery

    Bom dia! Pessoal tenho um formulário com 3 campos input, nos três estou usando o plugin validate da jquery para realizar a validação, até aí tudo certo, porém em um desses input, estou usando o autocomplete também da jquery para carregar os dados de uma determinada tabela do BD. No entanto, está ocorrendo um problema, pois quando utilizo, por exemplo a versão jquery.3.1.1.js a validação funciona, porém o autocomplete não, e quando utilizo a versão jquery.js o autocomplete funciona e a validação não. Alguém poderia me uma luz de como chegar a uma solução para esse problema? Grato pela atenção!
  23. Bom dia! Eu tô com um probleminha aqui, espero que alguém consiga me ajudar. Eu tenho dois elementos: h1 e h2, eu fiz um script para efeito de digitação pra ambos, só que eu quero que o efeito de digitação do h2 seja iniciado somente quando o h1 for terminado, ou, depois de um tempo que eu selecionar. Tentei fazer dessa forma, mas não deu certo: <script> function typeWrite (elemento) { const textoArray = elemento.innerHTML.split(''); elemento.innerHTML = ''; textoArray.forEach((letra, i) => { setTimeout(function() { elemento.innerHTML += letra }, 75 * i) }); } const titulo = document.querySelector('h1') typeWrite(titulo); </script> <script> var segundos = 4; setTimeout ( function typeWrite (elemento) { const textoArray = elemento.innerHTML.split(''); elemento.innerHTML = ''; textoArray.forEach((letra, i) => { setTimeout(function() { elemento.innerHTML += letra }, 75 * i) }); }, segundos * 1000); const titulo2 = document.querySelector('h2') typeWrite(titulo2); </script> Alguém pode ma falar qual é o erro? Obrigado!
  24. boa noite, é meu primeiro post aqui, eu preciso de ajuda pra colocar um "churrascômetro" no meu site do wordpress, nao tenho noção nenhuma de como fazer isso, alguem pode me dar um norte? é pra um trabalho da faculdade. obrigado  exemplo de como eu quero fazer: http://www.epa.com.br/churrascometro/
  25. Bom dia Estou realizando a soma total de um campo que pode receber vários valores, porém a soma está mostrando valor decimal "1,00" ao invés de por exemplo "1,78". Meu código: <?php for($i=0; $i<count($valor_dcto_fiscal); $i++) { ?> <td> <?php $total_produto = $valor_dcto_fiscal[$i]; ?> <?php $total_geral = $total_geral + $total_produto; ?></td> <td><input name="valor_dcto_fiscal[]" id="valor_dcto_fiscal<?php echo "$i";?>" type="text" size="12" maxlength="10" value="<?php echo "$valor_dcto_fiscal[$i]";?>" onkeyup="multiplica('<?php echo "$i";?>')" ></td> <?php } // Fecha "for" ?> <td>Total:<input name="valor_total_geral" id="valor_total_geral" type="text" size="12" maxlength="10" readonly="readonly" value="<?php echo "R$ $total_geral";?>"></td> <script type="text/javascript"> var quant = document.getElementsByName("valor_dcto_fiscal[]"); var teste = []; function multiplica() { var soma = [].reduce.call(quant, function (somatorio, el) { return somatorio + parseFloat(el.value, 10) || 0; }, 0); var soma_arredonda = soma.toFixed(2); // Esse retorna 2 casas decimais document.getElementById("valor_total_geral").value = soma_arredonda; } </script> Se alguém puder sugerir algo, agradeço.
×

Important Information

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