Jump to content

Search the Community

Showing results for tags 'JavaScript'.



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
  • Web Development
    • HTML e CSS
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets and other environments
    • WordPress
    • Mobile
    • Agile
    • Desenvolvimento de Games
    • Banco de Dados
    • Design and UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • iMasters's pub

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

  1. Olá, amigos. Estou montando um projeto no qual, de forma limpa falando, o usuário envia uma imagem (upload), ela é exibida imediatamente na tela e sua cor predominante é exibida em uma div específica. Já tenho o código pronto e funcionando, só que está de forma separada; um código/script cuida do enviar e mostrar a imagem e o outro detecta a cor, mas de uma imagem que já está inserida no documento. Eu não consigo achar uma lógica que junte-os para que funcione como falei no inicio... Isso é possível? Aqui a demonstração online: https://goo.gl/yCthXv E aqui o código fonte: <head> <script src="js/color-thief.js"></script> <script src="js/jquery.js"></script> <style type="text/css"> #mydiv { width: 100px; height: 100px; border: 1px solid #000; } #clock{ background-image:url(''); background-size:cover; background-position: center; height: 250px; width: 250px; border: 1px solid #bbb; } </style> </head> <body> /* O envio e visualização de imagem: */ <input type='file' id='getval' name="background-image" /><br/><br/> <div id='clock'></div> <script> document.getElementById('getval').addEventListener('change', readURL, true); function readURL(){ var file = document.getElementById("getval").files[0]; var reader = new FileReader(); reader.onloadend = function(){ document.getElementById('clock').style.backgroundImage = "url(" + reader.result + ")"; } if(file){ reader.readAsDataURL(file); }else{ } } </script> /* PEGA A COR PRINCIPAL DE UMA IMAGEM*/ <img src="img/photo3.jpg" id="myimg" /> <div id="mydiv"></div> <script> $(window).ready(function(){ var sourceImage = document.getElementById("myimg"); var colorThief = new ColorThief(); var color = colorThief.getColor(sourceImage); document.getElementById("mydiv").style.backgroundColor = "rgb(" + color + ")"; }); </script> <hr /> </body>
  2. zetabyte00

    Iniciante em Javascript e AJAX

    Pessoal, Gostaria de boas recomendações de materiais para estudar Javascript e AJAX.
  3. Alguém poderia me ajudar? Preciso de um player que reproduza dois vídeos quando for clicado.
  4. Por algum motivo, quando uso espaço em branco, passando algo para o innerText não acontece nada. Se eu passar 'Bom_dia' aparece tudo normalmente, mas se eu passar 'Bom dia' ele não mostra nada. O comando completo fica assim: $texto_dia="<text class=\"font_botao_carmesim\" onclick=window.parent.document.getElementById('frame_calendario_variavel').src='calendario_variaveis.php?dia=$cont'; onmousemove=window.parent.document.getElementById('calendario_obs').innerText='$rodape'>$cont</text>"; Se a variável $rodape estiver com o conteúdo 'Bom_dia' aparece normal, mas se tiver 'Bom dia' nada acontece. Se eu tiro a variável e coloco direto o valor acontece o mesmo erro então não deve ter nada a ver com a variável em PHP. Já tirei o apóstrofo é coloquei \" e não adianta. Desde já obrigado.
  5. Olá a todos estou com um pequeno problema, preciso herdar uma classe que esta dentro de um objeto. var obj = frappe.views.trees; console.log(obj); Agradeço a ajuda desde já
  6. Kakaroto1309

    Javascript não abre DIV

    Fiz uma DIV chamada Conteudo-Aba-1 com a primeira parte de um formulario e uma DIV chamada Conteudo-Aba-2 com a outra parte do formulario. No primeiro botão coloquei para chamar a função Parte2() para sumir com o conteudo 1 e aparecer o conteudo 2, conforme abaixo: function Parte2() { document.getElementById("Conteudo-Aba-1").style.display = "none"; document.getElementById("Conteudo-Aba-2").style.display = "visible"; } No corpo coloquei: <form name="Order" method="post" action="cadastrar.php" ENCTYPE="multipart/form-data"> <div id="Conteudo-Aba-1" style="display:visible"> <input type="button" value="Proximo" id="Cadastrar" onClick="Parte2();"/> </div> <div id="Conteudo-Aba-2" style="display:none"> <input type="submit" value="Inserir" id="FormBotao"/> </div> </form> Até ai tudo perfeito!! Fui testar e sabes o que acontece: A DIV Conteudo-Aba-1 desaparece mais a DIV Conteudo-Aba-2, não aparece. Você sabe o motivo?
  7. Galera tudo beleza ? Estou desenvolvendo um programa e estou com uma dúvida básica, tenho um elemento e quero fazer ele ir "caindo na tela" por isso coloquei a fórmula e em seguida o setInterval , porém preciso que ele caia depois de 5 segundos, para isso tentei utilizar o setTimeout ambas na mesma function, porém nada acontece, segue o código : function iniciaJogo(){ setTimeout(movimento,5000); setInterval(movimento,20); setTimeout(movimentosegundo,5000); setInterval(movimentosegundo,20); setTimeout(movimentoterceiro,5000); setInterval(movimentoterceiro,20); var c=document.getElementById("cnv01"); ctx=c.getContext("2d"); ctx.fillStyle = "#000000"; ctx.fillRect(0,0,1024,768); desenhaElemento(); } Função movimento, segundo e terceiro, estão feitas separadamente, com esse código o interval funciona e o timeout não.
  8. olá, como posso atribuir um valor para dentro de uma input do tipo text desabitada, por exemplo var texto =prompt("o valor daqui vai para a input"); <form> <input type="text" disable> </form> como eu poderia fazer com que o valor que eu digite na variavel 'texto' fosse para dentro do input desabilitado?
  9. Guest

    Problemas na tela de login

    Olá, gostaria de saber porque a requisição ajax, está dando erro(e as possíveis soluções). É assim, basicamente o usuário entra no site e loga(duh) e então começam os problemas. Na teoria ao logar, a página de checagem recebe os dados faz a filtragem e então ele, teoricamente deveria voltar os dados e aparecer uma de sucesso ou falha, mas acontecem alguns problemas, Primeiro que se o user/password estiver errado não aparece a mensagem de erro (User/Senha Inválidos!) e nem fazer nada(clica no botão login e não faz nada); Segundo que a velocidade de redirecionamento é muito rápida(nem da pra ler User/Senha Corretos. Redirecionando ...), gostaria de tar um tempinho e aí redirecionar; Terceiro eu não sei muito de ajax por isso, poderão ter erros muito óbvios que eu não percebi, e se tiverem sugestões por favor digam também se quiserem Código da página de login: <?php session_start(); if(isset($_SESSION['logado']) && $_SESSION['logado'] == 'TRUE'): header("Location: index.php"); endif; ?> <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta charset="utf-8"> <title>Metta Contabilidade</title> <meta name="description" content="User login page"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <!-- bootstrap & fontawesome --> <link rel="stylesheet" href="../assets/css/bootstrap.css"> <link rel="stylesheet" href="../assets/css/font-awesome.css"> <link rel="shortcut icon" href="../dist/img/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="../dist/img/favicon.ico" type="image/x-icon"> <!-- text fonts --> <link rel="stylesheet" href="../assets/css/ace-fonts.css"> <!-- ace styles --> <link rel="stylesheet" href="../assets/css/ace-login.css"> <!--[if lte IE 9]> <link rel="stylesheet" href="../assets/css/ace-part2.css" /> <![endif]--> <link rel="stylesheet" href="../assets/css/ace-rtl.css"> <!--[if lte IE 9]> <link rel="stylesheet" href="../assets/css/ace-ie.css" /> <![endif]--> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="../assets/js/html5shiv.js"></script> <script src="../assets/js/respond.js"></script> <![endif]--> <style type="text/css"> .wrapper{ padding-top: 20px; padding-top: 50px; } input.parsley-error, select.parsley-error, textarea.parsley-error { border-color:#843534; box-shadow: none; } input.parsley-error:focus, select.parsley-error:focus, textarea.parsley-error:focus { border-color:#843534; box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483 } .parsley-errors-list { list-style-type: none; opacity: 0; transition: all .3s ease-in; color: #d16e6c; margin-top: 5px; margin-bottom: 0; padding-left: 0; } .parsley-errors-list.filled { opacity: 1; color: #a94442; } .modal.fade.in .lab-modal-body { bottom: 0; opacity: 1; } .lab-modal-body h1 { font-size: 4rem; } .lab-modal-body p { margin: 0 0 1.62rem 0; line-height: 1.62; font-weight: 300; font-size: 1.62rem; color: #666; } .lab-modal-body { position: relative; bottom: -250px; margin: 150px auto 0; padding: 40px; max-width: 60%; height: auto; background-color: rgb(248, 250, 247); border: 1px solid #BEBEBE; opacity: 0; -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out; -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out; -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out; transition: opacity 0.3s ease-out, bottom 0.3s ease-out; } .close { margin-top: -20px; margin-right: -20px; text-shadow: 0 1px 0 #ffffff; } .popup-button { margin-top: 70px; } #falhaLogin { text-align:center; font-weight:bolder; display:none; } #sucessoLogin { text-align:center; font-weight:bolder; display:none; } </style> </head> <body class="login-layout light-login"> <div class="main-container"> <div class="main-content"> <div class="row"> <div class="col-sm-10 col-sm-offset-1"> <div class="login-container"> <br><br><br><br><div class="center"> <div id="sucessoLogin" class="row"> <div class="alert alert-success">Login efetuado com sucesso. Redirecionando...</div> </div> <!-- Aqui é a mensagem de erro de login escondida, onde vamos exibir no momento de validação --> <div id="falhaLogin" class="row"> <div class="alert alert-danger">Usuário ou senha inválido.</div> </div> <h1> <i class=""><img src="../dist/images/logo.png"></i> <span class="red">Metta</span> <span class="white" id="id-text2">Contabilidade</span> </h1> </div> <div class="space-6"></div> <div class="position-relative"> <div id="login-box" class="login-box visible widget-box no-border"> <div class="widget-body"> <div class="widget-main"> <h4 class="header blue lighter bigger"> <i class="ace-icon fa fa-lock"></i> Digite seus Dados </h4> <div class="space-6"></div> <form name="login_form" action="check_login.php" method="post" id="login_form"> <fieldset> <label class="block clearfix"> <span class="block input-icon input-icon-right"> <input type="email" name="email_form" id="login" class="form-control" required data-parsley-type="email" data-parsley-trigger="keyup" placeholder="Email" /> <i class="ace-icon fa fa-user"></i> </span> </label> <label class="block clearfix"> <span class="block input-icon input-icon-right"> <input type="password" name="senha_form" id="senha" class="form-control" required data-parsley-required placeholder="Senha" /> <i class="ace-icon fa fa-lock"></i> </span> </label> <div class="space"></div> <div class="clearfix"> <label class="inline"> <input type="checkbox" class="ace"> <span class="lbl"> Continuar Conectado</span> </label> <button type="submit" id="btn_login" class="width-35 pull-right btn btn-sm btn-primary"> <i class="ace-icon fa fa-key"></i> <span class="bigger-110">Logar</span> </button> </div> <div class="space-4"></div> </fieldset> </form> <div class="space-6"></div> </div><!-- /.widget-main --> <div class="toolbar clearfix"> <div> <a href="#" data-target="#forgot-box" class="forgot-password-link"> <i class="ace-icon fa fa-arrow-left"></i> Esqueci minha senha </a> </div> <div> <a href="#" data-target="#signup-box" class="user-signup-link"> Criar conta <i class="ace-icon fa fa-arrow-right"></i> </a> </div> </div> </div><!-- /.widget-body --> </div><!-- /.login-box --> <div id="forgot-box" class="forgot-box widget-box no-border"> <div class="widget-body"> <div class="widget-main"> <h4 class="header red lighter bigger"> <i class="ace-icon fa fa-key"></i> Recuperar Senha </h4> <div class="space-6"></div> <p> Digite seu email para receber instruções: </p> <form name="recover_form" action="send_mail.php" method="post" id="recover_form"> <fieldset> <label class="block clearfix"> <span class="block input-icon input-icon-right"> <input type="email" name="email_recover" class="form-control" required data-parsley-type="email" data-parsley-trigger="keyup" placeholder="Email" /> <i class="ace-icon fa fa-envelope"></i> </span> </label> <div class="clearfix"> <button type="submit" class="width-35 pull-right btn btn-sm btn-danger"> <i class="ace-icon fa fa-lightbulb-o"></i> <span class="bigger-110">Enviar!</span> </button> </div> </fieldset> </form> </div><!-- /.widget-main --> <div class="toolbar center"> <a href="#" data-target="#login-box" class="back-to-login-link"> Voltar para Login <i class="ace-icon fa fa-arrow-right"></i> </a> </div> </div><!-- /.widget-body --> </div><!-- /.forgot-box --> <div id="signup-box" class="signup-box widget-box no-border"> <div class="widget-body"> <div class="widget-main"> <h4 class="header green lighter bigger"> <i class="ace-icon fa fa-users green"></i> Cadastro de Novo Usuário </h4> <div class="space-6"></div> <p> Digite : </p> <form name="register_form" action="register_confirm.php" method="post" id="register_form" data-toggle="validator"> <fieldset> <label class="block clearfix"> <span class="block input-icon input-icon-right"> <input type="email" name="email_register" class="form-control" required data-parsley-type="email" data-parsley-trigger="keyup" placeholder="Email" /> <i class="ace-icon fa fa-envelope"></i> </span> </label> <label class="block clearfix"> <span class="block input-icon input-icon-right"> <input type="text" name="username" class="form-control" required data-parsley-pattern="^[a-zA-Z ]+$" placeholder="Nome do Usuário" /> <i class="ace-icon fa fa-user"></i> </span> </label> <label class="block clearfix"> <span class="block input-icon input-icon-right"> <input type="password" name="senha_register" id="pass2" class="form-control" required data-parsley-length="[6,72]" data-parsley-trigger="keyup" placeholder="Senha" /> <i class="ace-icon fa fa-lock"></i> </span> </label> <label class="block clearfix"> <span class="block input-icon input-icon-right"> <input type="password" class="form-control" required data-parsley-equalto="#pass2" data-parsley-trigger="keyup" placeholder="Repetir Senha" /> <i class="ace-icon fa fa-retweet"></i> </span> </label> <label class="block"> <input type="checkbox" class="ace" id="agree" required/> <span class="lbl"> Li e aceito os <a data-toggle="modal" data-target="#lab-slide-bottom-popup">Termos e Condições e a Política de Privacidade</a> </span> </label> <div class="space-14"></div> <div class="clearfix"> <button type="reset" class="width-30 pull-left btn btn-sm"> <i class="ace-icon fa fa-refresh"></i> <span class="bigger-110">Apagar</span> </button> <button type="submit" class="width-65 pull-right btn btn-sm btn-success"> <span class="bigger-110">Cadastrar</span> <i class="ace-icon fa fa-arrow-right icon-on-right"></i> </button> </div> </fieldset> </form> </div> <div class="toolbar center"> <a href="#" data-target="#login-box" class="back-to-login-link"> <i class="ace-icon fa fa-arrow-left"></i> Voltar para Login </a> </div> </div><!-- /.widget-body --> </div><!-- /.signup-box --> </div><!-- /.position-relative --> </div> </div><!-- /.col --> </div><!-- /.row --> </div><!-- /.main-content --> </div><!-- /.main-container --> <div class="modal fade" id="lab-slide-bottom-popup" data-keyboard="false" data-backdrop="false"> <div class="lab-modal-body"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> <h1>Terms and Conditions</h1> <p>LICENSING</p> <p>Licenses are valid for one year from the date of purchase. When asking for support with any purchased plugin, you may be asked to provide a valid license key as proof of purchase.</p> <p>SOFTWARE UPDATES</p> <p>Updates are included for free for one year. If you have a valid and active license key, and your purchased plugin(s) supports it, updates will be delivered automatically from the WordPress dashboard. If your plugin(s) does not support automatic upgrades, then updates can be downloaded from your <a href="https://1wd.tv/my-account/" target="_blank">account</a> page.</p> <p>SUPPORT SERVICES</p> <p>Support for purchased plugins is given up to one year after the purchase date. If you wish to get support after one year, you must purchase a new license key for the plugin you are seeking support for.</p> <p>REFUNDS</p> <p>I&nbsp;firmly believe in and stand behind my&nbsp;products 100%, but I&nbsp;are understand that no all plugins&nbsp;can&nbsp;work perfectly for everyone all of the time. If you are unhappy with your purchase, or you have an issue that we are unable to resolve that makes the system unusable, I&nbsp;am more than happy to provide a complete refund within 30 days of your original purchase.</p> <p>A few conditions:</p> <ol> <li>I&nbsp;cannot provide refunds due to technical issues unless you allow us to adequately try and assist you. If we are unable to resolve the issue for you, I&nbsp;will provide a refund. Please open a support ticket before requesting a refund for a technical issue.</li> <li>Refunds may only be issued within 30 days of the purchase date. After 30 days no refunds can be processed.</li> </ol> <div class="text-center"> <a href="https://www.mettacontabilidade.com.br" target="_blank" class="btn-primary btn-plain btn btn-lg popup-button">Visite Metta Contabilidade</a> </div> </div> </div> <!-- basic scripts --> <!--[if !IE]> --> <script type="text/javascript"> window.jQuery || document.write("<script src='../assets/js/jquery.js'>"+"<"+"/script>"); </script><script src="../assets/js/jquery.js"></script> <!-- <![endif]--> <!--[if IE]> <script type="text/javascript"> window.jQuery || document.write("<script src='../assets/js/jquery1x.js'>"+"<"+"/script>"); </script> <![endif]--> <script type="text/javascript"> if('ontouchstart' in document.documentElement) document.write("<script src='../assets/js/jquery.mobile.custom.js'>"+"<"+"/script>"); </script> <script src="../assets/parsley/jquery-1.12.4-jquery.min.js"></script> <script type="text/javascript" src="../assets/js/jquery-3.1.1.js"></script> <script src="../assets/parsley/bootstrap/js/bootstrap.min.js"></script> <script src="../assets/parsley/parsleyjs/dist/parsley.min.js"></script> <script> $(document).ready(function(){ $('form').parsley(); }); </script> <!-- inline scripts related to this page --> <script type="text/javascript"> jQuery(function($) { $(document).on('click', '.toolbar a[data-target]', function(e) { e.preventDefault(); var target = $(this).data('target'); $('.widget-box.visible').removeClass('visible');//hide others $(target).addClass('visible');//show target }); }); //you don't need this, just used for changing background jQuery(function($) { $('#btn-login-dark').on('click', function(e) { $('body').attr('class', 'login-layout'); $('#id-text2').attr('class', 'white'); $('#id-company-text').attr('class', 'blue'); e.preventDefault(); }); $('#btn-login-light').on('click', function(e) { $('body').attr('class', 'login-layout light-login'); $('#id-text2').attr('class', 'grey'); $('#id-company-text').attr('class', 'blue'); e.preventDefault(); }); $('#btn-login-blur').on('click', function(e) { $('body').attr('class', 'login-layout blur-login'); $('#id-text2').attr('class', 'white'); $('#id-company-text').attr('class', 'light-blue'); e.preventDefault(); }); }); jQuery(document).ready(function($) { $(document).ready(function() { $('.lab-slide-up').find('a').attr('data-toggle', 'modal'); $('.lab-slide-up').find('a').attr('data-target', '#lab-slide-bottom-popup'); }); $(document).ready(function(){ $('#login_form').submit(function(){ $.ajax({ //requisição para buscar os dados url : 'check_login.php', //nome do script que fará a consulta dataType: 'json', //tipo de requsição Ajax async : false, data : $('#login_form').serialize(), type : 'POST', success : function(data){ //função executada ao finalizar o processamento da requisição $('#retorno').html(data.mensagem); if(data.status == true){ $('#sucessoLogin').show(), window.location.href='index.php'; }else{ $('#falhaLogin').show(); } } }); return false; }); }); }); </script> </body> </html> Código da página check_login.php : <?php session_start(); define('TENTATIVA_LOGIN', 5); define('TEMPO_BLOQUEIO', 30); require ("conexao.php"); $pdo = conectar(); if (isset($_SERVER['HTTP_REFERER']) && $_SERVER['HTTP_REFERER'] != "http://localhost:8080/Metta/html/login.php"): echo "<script>alert('A requisição não foi através pelo formulário de login');</script>"; echo "<script>window.history.back();</script>"; exit(); endif; $email = $_POST['email_form']; $email = filter_var($email, FILTER_SANITIZE_EMAIL); $senha = trim(strip_tags($_POST['senha_form'])); $options = [ 'cost' => 10, 'salt' => mcrypt_create_iv(22, MCRYPT_DEV_URANDOM), ]; $buscaSQL = $pdo->prepare('SELECT email FROM tbl_usuario WHERE email = ?'); $buscaSQL->execute(array($email)); if($buscaSQL->rowCount() <= 0): $retorno['status'] = false; exit; endif; $searchSQL = $pdo->prepare('SELECT email,senha FROM tbl_usuario WHERE email = ?'); $searchSQL->execute(array($email)); $linha = $searchSQL->fetch(PDO::FETCH_ASSOC); $hashDB = $linha['senha']; if (!(password_verify($senha , $hashDB))): $retorno['status'] = false; exit; else: $retorno['status'] = true; $resultSQL = $pdo->prepare("SELECT * FROM tbl_usuario WHERE email = ? && senha = ?"); $resultSQL->execute(array($email , $hashDB)); $row = $resultSQL->fetch(PDO::FETCH_ASSOC); $_SESSION['login'] = $email; $_SESSION['cod_usuario'] = $row['cod_usuario']; $_SESSION['nome'] = $row['nome']; $_SESSION['tipo'] = $row['tipo']; $_SESSION['permissoes'] = $row['permissoes']; $_SESSION['img'] = $row['img']; $_SESSION['link_box'] = $row['link_box']; $_SESSION['fk_empresa'] = $row['fk_empresa']; $_SESSION["logado"] = TRUE; endif; echo json_encode($retorno); ?>
  10. Guest

    Problemas na tela de login

    Olá, gostaria de saber porque a requisição ajax, está dando erro(e as possíveis soluções). É assim, basicamente o usuário entra no site e loga(duh) e então começam os problemas. Na teoria ao logar, a página de checagem recebe os dados faz a filtragem e então ele, teoricamente deveria voltar os dados e aparecer uma de sucesso ou falha, mas acontecem alguns problemas, Primeiro que se o user/password estiver errado não aparece a mensagem de erro (User/Senha Inválidos!) e nem fazer nada(clica no botão login e não faz nada); Segundo que a velocidade de redirecionamento é muito rápida(nem da pra ler User/Senha Corretos. Redirecionando ...), gostaria de tar um tempinho e aí redirecionar; Terceiro eu não sei muito de ajax por isso, poderão ter erros muito óbvios que eu não percebi, e se tiverem sugestões por favor digam também se quiserem Código da página de login: <?php session_start(); if(isset($_SESSION['logado']) && $_SESSION['logado'] == 'TRUE'): header("Location: index.php"); endif; ?> <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta charset="utf-8"> <title>Metta Contabilidade</title> <meta name="description" content="User login page"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <!-- bootstrap & fontawesome --> <link rel="stylesheet" href="../assets/css/bootstrap.css"> <link rel="stylesheet" href="../assets/css/font-awesome.css"> <link rel="shortcut icon" href="../dist/img/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="../dist/img/favicon.ico" type="image/x-icon"> <!-- text fonts --> <link rel="stylesheet" href="../assets/css/ace-fonts.css"> <!-- ace styles --> <link rel="stylesheet" href="../assets/css/ace-login.css"> <!--[if lte IE 9]> <link rel="stylesheet" href="../assets/css/ace-part2.css" /> <![endif]--> <link rel="stylesheet" href="../assets/css/ace-rtl.css"> <!--[if lte IE 9]> <link rel="stylesheet" href="../assets/css/ace-ie.css" /> <![endif]--> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="../assets/js/html5shiv.js"></script> <script src="../assets/js/respond.js"></script> <![endif]--> <style type="text/css"> .wrapper{ padding-top: 20px; padding-top: 50px; } input.parsley-error, select.parsley-error, textarea.parsley-error { border-color:#843534; box-shadow: none; } input.parsley-error:focus, select.parsley-error:focus, textarea.parsley-error:focus { border-color:#843534; box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483 } .parsley-errors-list { list-style-type: none; opacity: 0; transition: all .3s ease-in; color: #d16e6c; margin-top: 5px; margin-bottom: 0; padding-left: 0; } .parsley-errors-list.filled { opacity: 1; color: #a94442; } .modal.fade.in .lab-modal-body { bottom: 0; opacity: 1; } .lab-modal-body h1 { font-size: 4rem; } .lab-modal-body p { margin: 0 0 1.62rem 0; line-height: 1.62; font-weight: 300; font-size: 1.62rem; color: #666; } .lab-modal-body { position: relative; bottom: -250px; margin: 150px auto 0; padding: 40px; max-width: 60%; height: auto; background-color: rgb(248, 250, 247); border: 1px solid #BEBEBE; opacity: 0; -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out; -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out; -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out; transition: opacity 0.3s ease-out, bottom 0.3s ease-out; } .close { margin-top: -20px; margin-right: -20px; text-shadow: 0 1px 0 #ffffff; } .popup-button { margin-top: 70px; } #falhaLogin { text-align:center; font-weight:bolder; display:none; } #sucessoLogin { text-align:center; font-weight:bolder; display:none; } </style> </head> <body class="login-layout light-login"> <div class="main-container"> <div class="main-content"> <div class="row"> <div class="col-sm-10 col-sm-offset-1"> <div class="login-container"> <br><br><br><br><div class="center"> <div id="sucessoLogin" class="row"> <div class="alert alert-success">Login efetuado com sucesso. Redirecionando...</div> </div> <!-- Aqui é a mensagem de erro de login escondida, onde vamos exibir no momento de validação --> <div id="falhaLogin" class="row"> <div class="alert alert-danger">Usuário ou senha inválido.</div> </div> <h1> <i class=""><img src="../dist/images/logo.png"></i> <span class="red">Metta</span> <span class="white" id="id-text2">Contabilidade</span> </h1> </div> <div class="space-6"></div> <div class="position-relative"> <div id="login-box" class="login-box visible widget-box no-border"> <div class="widget-body"> <div class="widget-main"> <h4 class="header blue lighter bigger"> <i class="ace-icon fa fa-lock"></i> Digite seus Dados </h4> <div class="space-6"></div> <form name="login_form" action="check_login.php" method="post" id="login_form"> <fieldset> <label class="block clearfix"> <span class="block input-icon input-icon-right"> <input type="email" name="email_form" id="login" class="form-control" required data-parsley-type="email" data-parsley-trigger="keyup" placeholder="Email" /> <i class="ace-icon fa fa-user"></i> </span> </label> <label class="block clearfix"> <span class="block input-icon input-icon-right"> <input type="password" name="senha_form" id="senha" class="form-control" required data-parsley-required placeholder="Senha" /> <i class="ace-icon fa fa-lock"></i> </span> </label> <div class="space"></div> <div class="clearfix"> <label class="inline"> <input type="checkbox" class="ace"> <span class="lbl"> Continuar Conectado</span> </label> <button type="submit" id="btn_login" class="width-35 pull-right btn btn-sm btn-primary"> <i class="ace-icon fa fa-key"></i> <span class="bigger-110">Logar</span> </button> </div> <div class="space-4"></div> </fieldset> </form> <div class="space-6"></div> </div><!-- /.widget-main --> <div class="toolbar clearfix"> <div> <a href="#" data-target="#forgot-box" class="forgot-password-link"> <i class="ace-icon fa fa-arrow-left"></i> Esqueci minha senha </a> </div> <div> <a href="#" data-target="#signup-box" class="user-signup-link"> Criar conta <i class="ace-icon fa fa-arrow-right"></i> </a> </div> </div> </div><!-- /.widget-body --> </div><!-- /.login-box --> <div id="forgot-box" class="forgot-box widget-box no-border"> <div class="widget-body"> <div class="widget-main"> <h4 class="header red lighter bigger"> <i class="ace-icon fa fa-key"></i> Recuperar Senha </h4> <div class="space-6"></div> <p> Digite seu email para receber instruções: </p> <form name="recover_form" action="send_mail.php" method="post" id="recover_form"> <fieldset> <label class="block clearfix"> <span class="block input-icon input-icon-right"> <input type="email" name="email_recover" class="form-control" required data-parsley-type="email" data-parsley-trigger="keyup" placeholder="Email" /> <i class="ace-icon fa fa-envelope"></i> </span> </label> <div class="clearfix"> <button type="submit" class="width-35 pull-right btn btn-sm btn-danger"> <i class="ace-icon fa fa-lightbulb-o"></i> <span class="bigger-110">Enviar!</span> </button> </div> </fieldset> </form> </div><!-- /.widget-main --> <div class="toolbar center"> <a href="#" data-target="#login-box" class="back-to-login-link"> Voltar para Login <i class="ace-icon fa fa-arrow-right"></i> </a> </div> </div><!-- /.widget-body --> </div><!-- /.forgot-box --> <div id="signup-box" class="signup-box widget-box no-border"> <div class="widget-body"> <div class="widget-main"> <h4 class="header green lighter bigger"> <i class="ace-icon fa fa-users green"></i> Cadastro de Novo Usuário </h4> <div class="space-6"></div> <p> Digite : </p> <form name="register_form" action="register_confirm.php" method="post" id="register_form" data-toggle="validator"> <fieldset> <label class="block clearfix"> <span class="block input-icon input-icon-right"> <input type="email" name="email_register" class="form-control" required data-parsley-type="email" data-parsley-trigger="keyup" placeholder="Email" /> <i class="ace-icon fa fa-envelope"></i> </span> </label> <label class="block clearfix"> <span class="block input-icon input-icon-right"> <input type="text" name="username" class="form-control" required data-parsley-pattern="^[a-zA-Z ]+$" placeholder="Nome do Usuário" /> <i class="ace-icon fa fa-user"></i> </span> </label> <label class="block clearfix"> <span class="block input-icon input-icon-right"> <input type="password" name="senha_register" id="pass2" class="form-control" required data-parsley-length="[6,72]" data-parsley-trigger="keyup" placeholder="Senha" /> <i class="ace-icon fa fa-lock"></i> </span> </label> <label class="block clearfix"> <span class="block input-icon input-icon-right"> <input type="password" class="form-control" required data-parsley-equalto="#pass2" data-parsley-trigger="keyup" placeholder="Repetir Senha" /> <i class="ace-icon fa fa-retweet"></i> </span> </label> <label class="block"> <input type="checkbox" class="ace" id="agree" required/> <span class="lbl"> Li e aceito os <a data-toggle="modal" data-target="#lab-slide-bottom-popup">Termos e Condições e a Política de Privacidade</a> </span> </label> <div class="space-14"></div> <div class="clearfix"> <button type="reset" class="width-30 pull-left btn btn-sm"> <i class="ace-icon fa fa-refresh"></i> <span class="bigger-110">Apagar</span> </button> <button type="submit" class="width-65 pull-right btn btn-sm btn-success"> <span class="bigger-110">Cadastrar</span> <i class="ace-icon fa fa-arrow-right icon-on-right"></i> </button> </div> </fieldset> </form> </div> <div class="toolbar center"> <a href="#" data-target="#login-box" class="back-to-login-link"> <i class="ace-icon fa fa-arrow-left"></i> Voltar para Login </a> </div> </div><!-- /.widget-body --> </div><!-- /.signup-box --> </div><!-- /.position-relative --> </div> </div><!-- /.col --> </div><!-- /.row --> </div><!-- /.main-content --> </div><!-- /.main-container --> <div class="modal fade" id="lab-slide-bottom-popup" data-keyboard="false" data-backdrop="false"> <div class="lab-modal-body"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> <h1>Terms and Conditions</h1> <p>LICENSING</p> <p>Licenses are valid for one year from the date of purchase. When asking for support with any purchased plugin, you may be asked to provide a valid license key as proof of purchase.</p> <p>SOFTWARE UPDATES</p> <p>Updates are included for free for one year. If you have a valid and active license key, and your purchased plugin(s) supports it, updates will be delivered automatically from the WordPress dashboard. If your plugin(s) does not support automatic upgrades, then updates can be downloaded from your <a href="https://1wd.tv/my-account/" target="_blank">account</a> page.</p> <p>SUPPORT SERVICES</p> <p>Support for purchased plugins is given up to one year after the purchase date. If you wish to get support after one year, you must purchase a new license key for the plugin you are seeking support for.</p> <p>REFUNDS</p> <p>I&nbsp;firmly believe in and stand behind my&nbsp;products 100%, but I&nbsp;are understand that no all plugins&nbsp;can&nbsp;work perfectly for everyone all of the time. If you are unhappy with your purchase, or you have an issue that we are unable to resolve that makes the system unusable, I&nbsp;am more than happy to provide a complete refund within 30 days of your original purchase.</p> <p>A few conditions:</p> <ol> <li>I&nbsp;cannot provide refunds due to technical issues unless you allow us to adequately try and assist you. If we are unable to resolve the issue for you, I&nbsp;will provide a refund. Please open a support ticket before requesting a refund for a technical issue.</li> <li>Refunds may only be issued within 30 days of the purchase date. After 30 days no refunds can be processed.</li> </ol> <div class="text-center"> <a href="https://www.mettacontabilidade.com.br" target="_blank" class="btn-primary btn-plain btn btn-lg popup-button">Visite Metta Contabilidade</a> </div> </div> </div> <!-- basic scripts --> <!--[if !IE]> --> <script type="text/javascript"> window.jQuery || document.write("<script src='../assets/js/jquery.js'>"+"<"+"/script>"); </script><script src="../assets/js/jquery.js"></script> <!-- <![endif]--> <!--[if IE]> <script type="text/javascript"> window.jQuery || document.write("<script src='../assets/js/jquery1x.js'>"+"<"+"/script>"); </script> <![endif]--> <script type="text/javascript"> if('ontouchstart' in document.documentElement) document.write("<script src='../assets/js/jquery.mobile.custom.js'>"+"<"+"/script>"); </script> <script src="../assets/parsley/jquery-1.12.4-jquery.min.js"></script> <script type="text/javascript" src="../assets/js/jquery-3.1.1.js"></script> <script src="../assets/parsley/bootstrap/js/bootstrap.min.js"></script> <script src="../assets/parsley/parsleyjs/dist/parsley.min.js"></script> <script> $(document).ready(function(){ $('form').parsley(); }); </script> <!-- inline scripts related to this page --> <script type="text/javascript"> jQuery(function($) { $(document).on('click', '.toolbar a[data-target]', function(e) { e.preventDefault(); var target = $(this).data('target'); $('.widget-box.visible').removeClass('visible');//hide others $(target).addClass('visible');//show target }); }); //you don't need this, just used for changing background jQuery(function($) { $('#btn-login-dark').on('click', function(e) { $('body').attr('class', 'login-layout'); $('#id-text2').attr('class', 'white'); $('#id-company-text').attr('class', 'blue'); e.preventDefault(); }); $('#btn-login-light').on('click', function(e) { $('body').attr('class', 'login-layout light-login'); $('#id-text2').attr('class', 'grey'); $('#id-company-text').attr('class', 'blue'); e.preventDefault(); }); $('#btn-login-blur').on('click', function(e) { $('body').attr('class', 'login-layout blur-login'); $('#id-text2').attr('class', 'white'); $('#id-company-text').attr('class', 'light-blue'); e.preventDefault(); }); }); jQuery(document).ready(function($) { $(document).ready(function() { $('.lab-slide-up').find('a').attr('data-toggle', 'modal'); $('.lab-slide-up').find('a').attr('data-target', '#lab-slide-bottom-popup'); }); $(document).ready(function(){ $('#login_form').submit(function(){ $.ajax({ //requisição para buscar os dados url : 'check_login.php', //nome do script que fará a consulta dataType: 'json', //tipo de requsição Ajax async : false, data : $('#login_form').serialize(), type : 'POST', success : function(data){ //função executada ao finalizar o processamento da requisição $('#retorno').html(data.mensagem); if(data.status == true){ $('#sucessoLogin').show(), window.location.href='index.php'; }else{ $('#falhaLogin').show(); } } }); return false; }); }); }); </script> </body> </html> Código da página check_login.php : <?php session_start(); define('TENTATIVA_LOGIN', 5); define('TEMPO_BLOQUEIO', 30); require ("conexao.php"); $pdo = conectar(); if (isset($_SERVER['HTTP_REFERER']) && $_SERVER['HTTP_REFERER'] != "http://localhost:8080/Metta/html/login.php"): echo "<script>alert('A requisição não foi através pelo formulário de login');</script>"; echo "<script>window.history.back();</script>"; exit(); endif; $email = $_POST['email_form']; $email = filter_var($email, FILTER_SANITIZE_EMAIL); $senha = trim(strip_tags($_POST['senha_form'])); $options = [ 'cost' => 10, 'salt' => mcrypt_create_iv(22, MCRYPT_DEV_URANDOM), ]; $buscaSQL = $pdo->prepare('SELECT email FROM tbl_usuario WHERE email = ?'); $buscaSQL->execute(array($email)); if($buscaSQL->rowCount() <= 0): $retorno['status'] = false; exit; endif; $searchSQL = $pdo->prepare('SELECT email,senha FROM tbl_usuario WHERE email = ?'); $searchSQL->execute(array($email)); $linha = $searchSQL->fetch(PDO::FETCH_ASSOC); $hashDB = $linha['senha']; if (!(password_verify($senha , $hashDB))): $retorno['status'] = false; exit; else: $retorno['status'] = true; $resultSQL = $pdo->prepare("SELECT * FROM tbl_usuario WHERE email = ? && senha = ?"); $resultSQL->execute(array($email , $hashDB)); $row = $resultSQL->fetch(PDO::FETCH_ASSOC); $_SESSION['login'] = $email; $_SESSION['cod_usuario'] = $row['cod_usuario']; $_SESSION['nome'] = $row['nome']; $_SESSION['tipo'] = $row['tipo']; $_SESSION['permissoes'] = $row['permissoes']; $_SESSION['img'] = $row['img']; $_SESSION['link_box'] = $row['link_box']; $_SESSION['fk_empresa'] = $row['fk_empresa']; $_SESSION["logado"] = TRUE; endif; echo json_encode($retorno); ?>
  11. Ola, estou com um código que peguei na internet ele envia meu form com esse método: var request = new XMLHttpRequest(); request.open('post', '../server.php'); E na pagina server.php eu insiro no banco de dados algumas informações. Porem quero q a pagina server.php me retorne algumas dados e não sei fazer isso com esse método XMLHttpRequest. Obrigado pela atenção.
  12. Tenho o seguinte código para mostrar uns Bairros como opção, e ao selecionar o Bairro desejado, mostra uma descrição do mesmo. Só que não está aparecendo o nome do Bairro na opção, e eu não consigo encontrar o erro. Código abaixo: <script> (function() { 'use strict'; angular .module('appBairros', []); angular .module('appBairros') .controller('BairroController', BairroController); BairroController.$inject = []; function BairroController() { var bairro = this; bairro.opcoes = []; iniciar(); function iniciar() { bairro.opcoes = []; bairro.opcoes.push({nome: "Botafogo", informacoes: "Botafogo é um bairro que começa com B"}); bairro.opcoes.push({nome: "Madureira", informacoes: "Madureira é um bairro que começa com M"}); bairro.seleciona = bairro.opcoes[0]; } } })(); </script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"> </script> <div ng-app="appBairros"> <div ng-controller="BairroController as bairro"> <label class="bairros">Selecione o Bairro para exibir as informações que deseja.</label> <select ng-options="opcao.nome for opcao in bairro.opcoes" ng-model="bairo.selecionado"></select> <br> <br> {{bairro.selecionado.informacoes}} </script> </div> </div>
  13. Boa tarde galera, estou com um problema, sou novo na área e estou desenvolvendo um sistema para o meu negocio, o problema seria quando eu seleciono as opções dos selects gostaria que ele retornasse a soma dos valores, porem não consegui de forma alguma ai passei os valores para duas divs ocultas e executo outra função para somar os valores das divs, só que além de não estar calculando assim que a div recebe o valor só consigo ver os valores com o onmouseover... o que eu poderia fazer para simplificar isto? pedidos.php <!DOCTYPE html> <html lang="pt-br"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Seven Seas - V1</title> <link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css"> <!--Import Google Icon Font--> <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <!--Import materialize.css--> <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/> </head> <body> <nav> <div class="nav-wrapper cyan accent-4"> <a href="#!" class="brand-logo center"> Seven Seas</a> <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a> <ul class="right hide-on-med-and-down"> <li><a href="index.php">Clientes</a></li> <li><a href="cadastro.php">Cadastro</a></li> <li class="active"><a href="pedidos.php">Novos Pedidos</a></li> </ul> <ul class="side-nav" id="mobile-demo"> <li><a href="index.php">Clientes</a></li> <li><a href="cadastro.php">Cadastro</a></li> <li class="active"><a href="pedidos.php">Novos Pedidos</a></li> </ul> </div> </nav> <div class="card"> <div class="container"> <div class="row"> <div class="input-field col l12 m12 s12"> <label for="busca"><i class="material-icons">search</i> Indique o nome do Cliente</label> <input type="text" id="busca" onblur="AtualizaInputs();"> </div> </div> </div> <div class="row"> <div class="divider"></div> </div> <br> <div class="container"> <div class="row"> <form action="p_novos.php" method="POST"> <div class="input-field col l12 m6 s12"> <label for="data_cadastro"><i class="material-icons">today</i> Data do Pedido</label> <input type="date" class="datepicker" id="data_pedido" name="data_pedido" value ="<?=date('Y-m-d')?>"> <br> </div> <div class="input-field col l6 m6 s12"> <select name="servicos" id="servicos" onchange="valorPedidos(this.value);" onmouseup="verValor();"> <option value="0" disabled selected>Selecione um Serviço</option> <option value="Formatação Simples">Formatação Simples</option> <option value="Formatação com Backup">Formatação com Backup</option> <option value="Recuperação de Pendrive">Recuperação de Pendrive</option> <option value="Recuperação de HD">Recuperação de HD</option> </select> <label for="servicos">Serviços</label> </div> <div class="input-field col l6 m6 s12"> <select name="recDados" id="rec" onchange="valorExtra(this.value)" onclick="verValor();"> <option value="0" disabled selected>Sem Recuperação de Dados</option> <option value="REC - 2GB">REC - 2GB</option> <option value="REC - 8GB">REC - 8GB</option> <option value="REC - 16GB">REC - 16GB</option> <option value="REC - 16GBup">REC - 16GB+</option> </select> <label for="rec">Recuperação de Dados</label> </div> <div id="valor" style="display: none;" class="col s12 m12 l12" onchange="verValor();"> </div> <div id="valor2" style="display: none;" class="col s12 m12 l12"> </div> <div class="input-field col l3 m6 s12"> <i class="material-icons prefix">credit_card</i> <input type="text" id="svalor" onmouseover="verValor();" name="valor" placeholder="..."> <label for="svalor">Valor</label> </div> <div class="input-field col s12 m12 l12"> <i class="material-icons prefix">mode_edit</i> <textarea id="obs" name="obs" class="materialize-textarea"></textarea> <label for="obs">Observações</label> </div> <div class="input-field col l12 m12 s12 right-align"> <input type="hidden" id="nomep" name="nomep"> <input type="submit" class="waves-effect waves-light btn" value="Fazer Pedido" > <br> </div> </form> </div> </div> <br> </div> <footer class="page-footer cyan accent-4"> <div class="footer-copyright"> <div class="container center"> <strong>Desenvolvido por Seven Seas</strong> </div> </div> </footer> <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script> <script type="text/javascript" src="js/materialize.js"></script> <script type="text/javascript" src="js/custom2.js" charset="utf-8"></script> <script> </script> <script> function AtualizaInputs() { Materialize.updateTextFields(); }; </script> <script> $( document ).ready(function(){ $('select').material_select(); $(".button-collapse").sideNav(); $('.datepicker').pickadate({ selectMonths: true, // Creates a dropdown to control month selectYears: 15 // Creates a dropdown of 15 years to control year }); }); </script> <script> function valorPedidos(str) { if (str == "") { document.getElementById("valor").innerHTML = ""; return; } else { if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); } else { // code for IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("valor").innerHTML = this.responseText; } }; xmlhttp.open("GET","v_pedido.php?q="+str,true); xmlhttp.send(); } } </script> <script> function valorExtra(str) { if (str == "") { document.getElementById("valor2").innerHTML = ""; return; } else { if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); } else { // code for IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("valor2").innerHTML = this.responseText; } }; xmlhttp.open("GET","e_pedido.php?e="+str,true); xmlhttp.send(); } } </script> <script> function verValor(){ var valor1 = Number(document.getElementById("valor").innerHTML); var valor2 = Number(document.getElementById("valor2").innerHTML); $('#svalor').val(valor1+valor2); } </script> <script> function pegarDataAtual(){ data = new Date(); document.getElementById('data_pedido').value = data.getDay()+'/'+data.getMonth()+'/'+data.getFullYear(); } </script> </body> </html> e_pedido.php <?php include 'conecta.php'; $e = strval($_GET['e']); $sql = "SELECT * FROM tab_precos WHERE pedido = '$e'"; $result = mysqli_query($conn, $sql); if (mysqli_num_rows($result) > 0){ // output data of each row while($row = mysqli_fetch_assoc($result)) { $valor2 = $row['extra']; echo $valor2; } } else { echo 0; } mysqli_close($conn); ?> v_pedido.php <?php include 'conecta.php'; $q = strval($_GET['q']); $sql = "SELECT * FROM tab_precos WHERE pedido = '".$q."'"; $result = mysqli_query($conn, $sql); if (mysqli_num_rows($result) > 0){ // output data of each row while($row = mysqli_fetch_assoc($result)) { $valor1 = $row['valor']; echo $valor1; } } else { echo 0; } mysqli_close($conn); ?>
  14. Bom dia! Eu preciso fazer uma calculadora de indice de força relativa e não consigo concluir. Abaixo segue o Script: eu só preciso fazer com que o resultado de Repetição máxima "OneRepMax" seja dividido pelo valor do campo peso do aluno e exiba a resposta em IFRM "ifrm". Abaixo segue o script, agradeço muito se alguém puder me ajudar: Código em HTML <!DOCTYPE HTML> <!-- Mirrored from www.exrx.net/Calculators/OneRepMax.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 17 Oct 2016 18:00:39 GMT --> <!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack --> <HEAD> <META NAME="GENERATOR" CONTENT="Adobe PageMill 3.0 Win"> <META NAME="viewport" CONTENT="width=device-width, initial-scale=1"> <TITLE>Indixe de Força Muscula Relativa</TITLE> </HEAD> <BODY BGCOLOR="#ffffff"> <div align="center"> <table width="1260"> <tr><td> <FORM> <SCRIPT LANGUAGE="javascript" SRC="onerepmax.js"></SCRIPT> <P><TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0"> <TR> <TD WIDTH="1%" bgcolor="#000000"> </TD> <TD WIDTH="1%" bgcolor="#000000"> <H2><A HREF="http://www.olipo.com.br/"><IMG src="logo.png" width="192" height="137"></A></H2> </TD> <TD WIDTH="1%" bgcolor="#000000"> </TD> <TD WIDTH="99%" valign="middle" ALIGN="CENTER" bgcolor="#F58634"> <font color="#ffffff" face="Arial, Helvetica, sans-serif" size="+3"> <strong>INDICE DE FORÇA MUSCULAR RELATIVA</strong></font> </TD> </TR> </TABLE></P> <P><TABLE WIDTH="100%" BORDER="1" CELLSPACING="0" CELLPADDING="5" CLASS="StackTable"> <TR> <TD width="22%"> <INPUT NAME="pesoaluno" TYPE="text" SIZE="2"> Peso Al. Kg</br> <INPUT NAME="WeightLifted" TYPE="text" SIZE="2"> Peso Tes. Kg</br> <INPUT NAME="RepsPerformed" TYPE="text" SIZE="2"> Repetições</br> <input type="button" value="Calcular" ONCLICK="calc(this.form)"><INPUT TYPE="reset" VALUE="Resetar" NAME="Reset"> </TD> <TD width="2%" ALIGN="CENTER" bgcolor="#B09E66"> <INPUT NAME="ifrm" id="ifrm" TYPE="text" SIZE="2"> </br>IFRM. </TD> <TD width="2%" bgcolor="#FF6600"> <INPUT NAME="A1" TYPE="text" SIZE="5"> 40% </TD><TD width="2%" bgcolor="#33CCFF"> <INPUT NAME="A2" TYPE="text" SIZE="2"> 45% </TD> <TD width="2%" bgcolor="#FFCC00"> <INPUT NAME="A" TYPE="text" SIZE="2"> 50% </TD> <TD width="2%" bgcolor="#00CC33"> <INPUT NAME="B" TYPE="text" SIZE="2"> 55% </TD> <TD width="2%" bgcolor="#FF6600"> <INPUT NAME="C" TYPE="text" SIZE="2"> 60% </TD> <TD width="2%" bgcolor="#000000"> <INPUT NAME="D" TYPE="text" SIZE="2"><font color="#FFFFFF"> 65%</font> </TD> <TD width="2%" > <INPUT NAME="E" TYPE="text" SIZE="2"> 70% </TD> <TD width="2%" > <INPUT NAME="F" TYPE="text" SIZE="2"> 75% </TD> <TD width="2%" > <INPUT NAME="G" TYPE="text" SIZE="2"> 80% </TD> <TD width="2%" > <INPUT NAME="H" TYPE="text" SIZE="2"> 85% <TD width="2%" > <INPUT NAME="I" TYPE="text" SIZE="2"> 90% </TD> <TD width="2%" > <INPUT NAME="J" TYPE="text" SIZE="2"> 95% </TD> <TD width="2%" ALIGN="CENTER"> <INPUT NAME="OneRepMax" id="OneRepMax" TYPE="text" SIZE="2"> </br>1 Rep. Max. </TD> </TR> </TABLE></P> </FORM> </td></tr></table></div> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> <!-- var divisao = OneRepMax/pesoaluno; document.write (divisao); document.write ("<BR>"); document.write (resto); //--> </SCRIPT> </BODY> </HTML> Código em Java Script function calc (form) { if (form.RepsPerformed.value < 10){ form.OneRepMax.value = Math.round(form.WeightLifted.value/(1.0278-0.0278*form.RepsPerformed.value)) } if (form.RepsPerformed.value == 10){ form.OneRepMax.value = Math.round(form.WeightLifted.value/0.75) } if (form.RepsPerformed.value > 10){ alert ("Reps Performed must be between 1 and 10") } form.A1.value = Math.round(form.OneRepMax.value*0.40) form.A2.value = Math.round(form.OneRepMax.value*0.45) form.A.value = Math.round(form.OneRepMax.value*0.50) form.B.value = Math.round(form.OneRepMax.value*0.55) form.C.value = Math.round(form.OneRepMax.value*0.60) form.D.value = Math.round(form.OneRepMax.value*0.65) form.E.value = Math.round(form.OneRepMax.value*0.70) form.F.value = Math.round(form.OneRepMax.value*0.75) form.G.value = Math.round(form.OneRepMax.value*0.80) form.H.value = Math.round(form.OneRepMax.value*0.85) form.I.value = Math.round(form.OneRepMax.value*0.90) form.J.value = Math.round(form.OneRepMax.value*0.95) } //-->
  15. Olá, o javascript tem alguma função como a do time() no php? O objetivo é renomear arquivos como sempre fiz com o php, mas desta vez preciso que o javascript gere o nome. Como é para renomear arquivos ele não poderá ter o mesmo nome que outro existente se não o arquivo será substituído, esse é o problema.
  16. Fala galera boa tarde... sou novato aqui no forum...e estou com um problema...estou desenvolvento uma aplicação em html e javascript, o problema e o seguinte... tenho que implementar uma função e javascript para mudar o tom de cifra de musicas na minha aplicação... ja tenho ate a função funcionando separada, mas quando aplico ao site os javascript dessa função esta entrando em conflito com outros java ja instalado...ficarei muito grato pela ajuda de vcs nesse assunto... desde ja muito obrigado pela ajuda... e so pra reforçar.... sou leigo em javascript....so pesquiso as funções na net e implemento a aplicação..obrigado. esse e o link da aplicação sem a função de mudar tom http://canticosliturgicos.16mb.com/app/c-santissimatrindade.html esse e o link da função mudança de tom - funcionando http://canticosliturgicos.16mb.com/mudancadetom/index.html quando implemento esse script que entra em conflito com o restante da aplicação <script> $(function() { $( "#tabs" ).tabs(); document.getElementById('cifra').innerHTML = "<button id='menos-meio-tom'>-1/2 tom</button>" + "<button id='mais-meio-tom'>+1/2 tom</button>" + "</div></center><br/><br/>" + document.getElementById('cifra').innerHTML; $( "#menos-meio-tom" ).button() .click(function() { var cifras = document.getElementsByTagName ('b'); for (i = 0; i < cifras.length; i++) { if(!mapMenosMeioTom[cifras.innerHTML]){ console.log('Cifra no mapeada'); continue; } cifras.innerHTML = mapMenosMeioTom[cifras.innerHTML]; } }); $( "#mais-meio-tom" ).button() .click(function() { var cifras = document.getElementsByTagName ('b'); for (i = 0; i < cifras.length; i++) { if(!mapMaisMeioTom[cifras.innerHTML]){ console.log('Cifra no mapeada', cifras.innerHTML); continue; } cifras.innerHTML = mapMaisMeioTom[cifras.innerHTML]; } }); }); </script>
  17. Olá pessoal, Preciso da ajuda de vocês, com um script para que determine que quando o usuário selecionar 7 checkbox, os outros apareçam automaticamente desabilitados para ele, sem que ele consiga selecionar. Desde já, fico grato por toda a atenção!
  18. Boa tarde, vou direto ao ponto Tenho um select com alguns options e preciso que esses options sejam liberados a partir do momento que o valor de uma <td> de uma tabela da página tenha um respectivo valor. Exemplo: o valor que está na <td> é 15, assim vai liberar os options até o valor 15. só que esses valores da <td> estão vindo do banco de dados em um comando php. Tem possibilidade de fazer isso? se sim, como?
  19. olá meu cliente , me pediu para fazer um autosave para a pessoa ir salvando o formulário a cada resposta , mas eu já criei um script mas ele não funciona oque teria que ser feito
  20. keven1406

    Não entendo a função forEach

    Pessoal, estou estudando JavaScript sozinho já faz algum tempo. Estudo pelo livro JavaScript Eloquent e estava tudo legal até chegar na parte de funções de ordem superior. Cheguei em uma parte que criamos uma função como parâmetro de outra função. Vou coloca-la aqui: var numbers = [1, 2, 3, 4, 5], sum = 0; forEach(numbers, function(number) { sum += number; }); console.log(sum); E o resultado disso é 15. Não consigo entender essa função. forEach não é chamada em lugar algum. o que chamamos no console.log é o sum, que é uma variável de valor 0. No livro o resultado disso é 15. no entanto quando coloco o mesmo código para rodar no scratchpad, ele diz: /* Exception: ReferenceError: forEach is not defined @Scratchpad/2:2:1 */ Não sei o que eu faço. Já pesquisei por forEach, mas não entendi por que esse código não está dando o resultado sendo que no livro diz que é 15. Não sei se o autor do livro errou ou se eu que sou louco. Por favor me ajudem. Obrigado desde já. Colocarei um pouco do conteúdo do livro explicando esse código. Link do livro: https://github.com/braziljs/eloquente-javascript/blob/master/chapters/05-funcoes-de-ordem-superior.md O conteúdo está logo no inicio. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Normalmente você não irá passar uma função predefinida para o forEach, mas ela será criada localmente dentro da função. var numbers = [1, 2, 3, 4, 5], sum = 0; forEach(numbers, function(number) { sum += number; }); console.log(sum); // → 15 Isso parece muito com um loop clássico, com o seu corpo escrito como um bloco logo abaixo. No entanto o corpo está dentro do valor da função, bem como esta dentro dos parênteses da chamada de forEach. É por isso que precisamos fechar com chave e parêntese. Nesse padrão, podemos simplificar o nome da variável (number) pelo elemento atual, ao invés de simplesmente ter que buscá-lo fora do array manualmente. De fato, não precisamos definir um método forEach. Ele esta disponível como um método padrão em arrays. Quando um array é fornecido para o método agir sobre ele, o forEach espera apenas um argumento obrigatório: a função a ser executada para cada elemento.
  21. Ola. Eu tenho um array com valores dinâmicos, esse valor é acrescentado a cada vez que o botão 'Adicionar Update'(que cria uma nova div com um progress bar referente ao input file da div) é usado. Cada div de update é identificada desta forma: fr-arquivos0, fr-arquivos1, fr-arquivos2 ... Quando clicar no botão submit quero que todas as divs de update sejam verificadas se o processo de update de cada uma foi concluída(100%). Exemplo: // OS VALORES DA VARIAVEL SÃO SOMENTE UM EXEMPLO POIS NA REALIDADE ELES SAO COLOCADOS DE FORMA DINAMICA var verarray = []; verarray = [0, 1, 2, 3]; $.each( verarray, function( nome, valor ){ if( $('form[id=fr-arquivos'+valor+'] .progress-meter-text').text() == '100%' ) { alert('Todos updates foram Completos...'); } }); Obrigado pela atenção.
  22. Luiz Gustavo Costa Ceolin

    Exibir inputs com select multiple

    Bom dia. Como eu posso fazer para retornar os inputs ao selecionar os itens em meu select multiple? Estou fazendo assim, mas não obtive sucesso, queria que ao selecionar os 2 itens do select, retornasse os 2 inputs, não 1.. Segue o código. <div class="col-md-2"> <select id="select" class="form-control" multiple="multiple"> <option>Segunda</option> <option>Terça</option> </select> </div> <div id="seg" class="col-md-3"> <input type="text" value="Segunda" class="form-control"> </div> <div id="ter" class="col-md-3"> <input type="text" value="Terça" class="form-control"> </div> <script> $(document).ready(function() { $('#seg').hide(); $('#ter').hide(); $('#select').change(function() { if ($('#select').val() == 'Segunda') { $('#seg').show(); } else { $('#seg').hide(); } if ($('#select').val() == 'Terça') { $('#ter').show(); } else { $('#ter').hide(); } }); }); </script>
  23. Tenho um sistema que listo os campos e atributos de uma tabela através de javascript e ajax até ai tudo, só que os elementos criados e listados em tempo de execução preciso manipula lós através de um seletor como faço pra pegar esse seletor como o id ? Este é o código que utilizo pra exibir os campos: if ($_POST['op']=='mostarcampos'){ $_SESSION['bancotabelas']=$_POST['bancotabelas']; $_SESSION['tabelasbanco']=$_POST['tabelasbanco']; $pdo = new PDO(DB_SERVER.":host=".DB_HOST.";dbname=".$_POST['bancotabelas'],DB_USER,DB_PASSWORD); $sql = $pdo->prepare("SHOW FIELDS FROM ".$_POST['tabelasbanco']); $sql->execute(); foreach($sql as $obj){ echo' <input id="'.$obj[0].'" type="text" class="form-control" value="'.$obj[0].'" placeholder="'.$obj[0].'" style="width:150px"> <input id="'.$obj[1].'" type="text" class="form-control" value="'.$obj[1].'" placeholder="'.$obj[1].'" style="width:150px"> <input id="'.$obj[2].'" type="text" class="form-control" value="'.$obj[2].'" placeholder="'.$obj[2].'" style="width:150px"> <input id="'.$obj[3].'" type="text" class="form-control" value="'.$obj[3].'" placeholder="'.$obj[3].'" style="width:150px"> <input id="'.$obj[4].'" type="text" class="form-control" value="'.$obj[4].'" placeholder="'.$obj[4].'" style="width:150px"> <input id="'.$obj[5].'" type="text" class="form-control" value="'.$obj[5].'" placeholder="'.$obj[5].'" style="width:150px"> <button id="updatetabela" class="btn btn-default">Alterar</button> '; } } através dele seleciono o banco e a tabela e ele lista pra mim seus campos e atributos preciso pegar o id deles quando estão criados para disparar um evento com o botão e poder alterar a tabela, desde já agradeço a ajuda. esse ID ai que quero pegar quando escolho o banco e a tabela ele é gerado.
  24. luiz de oliveiro

    prova front-end

    olá, gostaria de saber se existe alguma prova ONLINE para eu poder testar o quanto eu sei de programaçao? de preferencia de javascript. obrigado a todos.
  25. Como que posso fazer para preencher automaticamente um campo de data ,após o usuário seleciona uma opção em um select? Ex. <select> <option value="Software">Software</option> <option value="Rede">Rede</option> </select> Ao selecionar rede ele preenche automaticamente com 15 dias à frente da data de hoje. Selecionou rede,hoje 03 de março,preenche o campo de data com 18 de março.
×

Important Information

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