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


Calendars

  • Comunidade iMasters

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

  1. _FelipeOlvr

    Scroll

    Oi pessoal, blz? Bom, passei quase a tarde toda pra fazer o seguinte: Imagina que o body tem scroll Y. agora imagina que no meio do body tem um elemento que tem scroll no sentido X ( <--------> ). Minha dúvida é a seguinte: Como eu faço pra que, quando eu colocar o mouse em cima desse elemento que sofre scroll no sentido X, o scroll passe a acontecer nele, e não mais no body. ( Eu sei que se segurar o SHIFT e girar a rodinha do mouse, o scroll acontece somente nele. Mas eu queria tentar isso, pra dar um trabalho a menos pro usuário ) Fiz um layout básico pra simular o layout em que quero fazer isso. Segue: <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title> JS | Scroll </title> <style> body { min-height: 200vh ; display: flex ; flex-direction: column ; justify-content: center ; } .container-scroll-x { background-color: rgb(219, 237, 240) ; padding: 50px ; } .content { background-color: rgb(127, 189, 207) ; overflow-x: auto ; white-space: nowrap ; padding: 30px ; } </style> </head> <body> <div class="container-scroll-x"> <div class="content"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. </div> </div> </body> </html> Desde já agradeço a ajuda.
  2. eduardaarosaa

    Event Onclick

    Estou tentando fazer um validador de idade, mas meu onclick não está retornando como o esperado. O caminho para o aquivo externo está correto, já testei com um alert. Meu HTML: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Verificador de Hora</title> <link rel="stylesheet" type="text/css" href="style/style.css"> </head> <body> <header> <h1>Verificador de Idade</h1> </header> <section> <div> <p>Ano de nascimento: <input type="number" name="txtnumber" id="txtano"> </p> <p> Sexo: <input type="radio" name="radiosex" id="masc" checked> <label for="masc">Masculino</label> <input type="radio" name="radiosex" id="fem" > <label for="fem">Feminino</label> </p> <p> <input type="button" value="Verificar" onclick="verificar()"> </p> </div> <div id="res"> Preencha os campos e veja o resultado. </div> </section> <footer> <p>&copy; Eduarda Rosa</p> </footer> <script src="script/script.js"></script> </body> </html> e o JS: function verificar(){ var data = new Date(); var ano = data.getFullYear(); var fano = document.getElementById('txtano'); var res = document.querySelector('div#res'); if(fano.Value.length == 0 || fano.value > ano){ window.alert("Error, verifique os dados e tente novamente!"); }else{ window.alert("Ok"); } }
  3. odenilson marques

    Redirecionamento de Formularios

    Ola pessoal, estou precisando de uma força! segue a situação. tenho 3 formulário em um projeto, sendo eles: form_cad_empresa form_cad_atividade form_cad_processo no form_cad_atividade e form_cad_processo tenho uma combobox que lista todas empresas cadastradas no form_cad_empresa, porém no form_cad_atividade e no form_cad_processo também tenho um link que redireciona o usuário para o form_cad_empresa para ele cadastrar a empresa caso não encontre a empresa na combobox do form_cad_atividade e form_cad_processo, porém gostaria que quando terminasse o cadastro do form_cad_empresa este teria que ser redirecionado para o form_cad_atividade ou form_cad_processo, ou seja ele retornaria para formulario que chamou o form_cad_empresa. Alguém pode me da um norte?
  4. eduardaarosaa

    Onclick button

    Estou estudando Js, fiz esse exemplo abaixo porém o onlick não está chamando a função, nada acontece quando quando clico no botão. <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Somando números</title> </head> <body> <h1>Soamando valores</h1> <input type="number" name="txt0" id="txt1"> + <input type="number" name="txt2" id="txt3"> <input type="button" value="somar" id="botao" onclick="somar()"> <div id="res"> </div> <script> res.addEventListener('mouseeenter', entrar); function somar(){ var n1 = window.document.querySelector("input#txt1"); var n2 = window.document.querySelector("input#txt3"); var n1 = Number(txt1.value); var n2 = Number(txt3.value); var soma = (n1+n2); var res = window.document.getElementById("res"); res.innerHTML(`A soma é de ${soma}`); } function entrar(){ area.style.background="red"; } </script> </body> </html>
  5. Olá, no meu projeto tenho uma animação ao scroll, quando me aproximo do elemento ele "surge" de algum lado, porém por alguma razão somente alguns elementos do site estão funcionando 100%, outros, no inspecionar mostra que a classe ANIMATE já é adicionada no elemento assim que a página é carregada, e a mesma não é removida mesmo quando eu me aproximo e afasto do elemento. Fazendo alguns testes vi que quando o elemento animado está fora do pai SECTION funciona normalmente, quando está dentro não (com exceção do primeiro elemento animado do site). Fiz o upload do código para o JSFiddle, https://jsfiddle.net/kuxf7mep/ ,como pode ver o elemento ARTICLE na linha 101 está animado normalmente, porém os elementos HEADER da linha 147 e o MAIN da linha 152 estão com a animação mas não funcionam. OBS: Podem fazer o teste colocando um elemento animado dentro e fora da section.
  6. Tenho uma tabela chamada bilhete, preciso que o usuário, ao clicar no botão que abre um modal, realize uma consulta dentro dessa tabela, essa consulta precisa pegar um id aleatório e exibir o bilhete entro do modal, algo que simule uma caixinha de bilhetes motivacionais, que pode ser retirado um bilhete por vez... Mas eu não consigo exibir os dados da consulta dentro do modal... por favor me ajudem, sou iniciante nisso Esse é meu index.php <?php include_once "db.php"; $result_bilhete = "SELECT * FROM bilhete WHERE idbilhete = 4"; $resultado_bilhete = mysqli_query($conexao, $result_bilhete); $row_bilhete = mysqli_fetch_assoc($resultado_bilhete); ?> <button type="button" class="btn btn-primary view_data" id="<?php echo $row_bilhete['idbilhete']; ?>"data-toggle="modal" data-target="#visulUsuarioModal">Bilhetes</button> <!-- Modal --> <div class="modal fade" id="visulUsuarioModal" tabindex="-1" role="dialog" arial-labelledby="Rotulo do modal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="titulo-modal">Bilhete Motivacional</h4> </div> <div class="modal-body"> <span id="p-bilhete"></span> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary">Salvar Bilhete</button> </div> </div> </div> </div> <script> $(document).ready(function(){ $(document).on('click','.view_data', function(){ var idbilhete = $(this).attr("idbilhete"); //alert(idbilhete); //Verificar se há valor na variável "idbilhete". if(idbilhete !== ''){ var dados = { idbilhete: idbilhete }; $.post('vizualizarBilhete.php', dados, function(retorna){ //Carregar o conteúdo para o bilhete $("#p-bilhete").html(retorna); $('#visulUsuarioModal').modal('show'); }); } }); }); </script> Esse é meu vizualizarBilhete.php <?php if(isset($_POST["idbilhete"])){ include_once "db.php"; $resultado = ''; $idBilhetes = rand(4, 10); $result_bilhete = "SELECT * FROM bilhete WHERE idbilhete = 4"; $resultado_bilhete = mysqli_query($conexao, $result_bilhete); $row_bilhete = mysqli_fetch_assoc($resultado_bilhete); while($row_bilhete = mysqli_fetch_assoc($resultado_bilhete)){ $resultado .= '<dl class="row">'; $resultado .= '<dt class="col-sm-3">Bilhete</dt>'; $resultado .= '<dd class="col-sm-9">'.$row_bilhete['bilhete'].'</dd>'; $resultado .= '</dl>'; echo $resultado; } }
  7. Gostaria de saber como realizar a seguinte ação: Quero que, ao selecionar um campo de uma lista de categorias, outra lista seja gerada com as subcategorias. Segue exemplo do site Mercado Livre, durante o processo de anúncio de um produto: Como eu poderia criar o código javascript e html? Esses são os códigos html que uso no documento view: <div class="form-group"> <label class="col-sm-3 control-label" for="input-category"><span data-toggle="tooltip" title="<?php echo $help_category; ?>"><?php echo "Categorias"; ?></span></label> <!-- $entry_category --> <div class="col-sm-9"> <select name="product_category" id="product-category" size="10" class="form-control"> <?php foreach($product_categories as $product_category){ ?> <?php if($product_category['parent_id'] == 300 && $product_category['level'] == 0){ ?> <option value="<?php echo $product_category['category_id']; ?>"><?php echo $product_category['name']; ?></option> <?php } ?> <?php } ?> </select> <select name="product_category" id="product-subcategory" size="10" class="form-control"> <?php foreach($product_categories as $product_category){ ?> <?php if($product_category['parent_id'] == 59 && $product_category['level'] == 1){ ?> <option value="<?php echo $product_category['category_id']; ?>"><?php echo $product_category['name']; ?></option> <?php } ?> <?php } ?> </select> </div> </div> Output: Obs 1: o código html é um teste para a categoria Acessórios (category_id = 59) gerando as subcategorias dessa categoria (subcategorias com parent_id = 59), mas gostaria de saber como gerar uma lista para cada categoria selecionada. Obs 2: no output é gerada a tabela das subcategorias mesmo sem clicar no campo Acessórios, diferentemente do Mercado Livre. Alguém poderia me ajudar com isto? Preciso resolver o quanto antes. Agradeço desde já a atenção e a ajuda!
  8. Então, eu consigo alterar a quantidade do meu produto no carrinho atravez do php, mas da um reload na pagina, e dessa forma fica inviavel, eu gostaria de alterar o valor atravez de um input ou algo assim, pra que eu pudesse alterar a quantidade sem que ocorresse o reload na pagina, soube que isso é feito atravez do javascript, e eu não sei nada dessa linguagem, ainda tenho dificuldade até no PHP, se alguem puder me ajudar eu agradeço de verdade, aqui tá o código do meu carrinho: < <?php session_start(); if (!isset( $_SESSION['itens'] ) ) : $_SESSION['itens'] = array(); endif; if ( isset( $_GET['add'] ) && $_GET['add'] == "carrinho" ) : $idProduto = $_GET['id']; if (!isset ($_SESSION['itens'][$idProduto])) : $_SESSION['itens'][$idProduto] = 1; else: $_SESSION['itens'][$idProduto] +=1; endif; endif; if ( count( $_SESSION['itens'] ) == 0 ) : echo ' <h1>Carrinho vazio</h1>'; else: $_SESSION['dados'] =array(); $conexao = new PDO ('mysql:host=localhost;dbname=meusprodutos',"root", ""); ?> <table > <thead> <th>Nome</th> <th>Preço</th> <th>Quantidade</th> <th>Subtotal</th> <th>Opções</th> </thead> <tbody> <?php $totalcarrinho = 0; foreach ( $_SESSION['itens'] as $idProduto => $quantidade ) : $select = $conexao->prepare("SELECT * FROM produtos WHERE id=?"); $select ->bindParam(1, $idProduto); $select ->execute(); $produtos = $select->fetchAll(); $total = $quantidade * $produtos[0]["preco"]; if(count( $_SESSION['itens'] ) == 0 ) : $totalcarrinho = 0; else: $tempcarrinho = $totalcarrinho; $totalcarrinho = $tempcarrinho + $total; endif; ?> <tr> <td><div align="center" style="font-size:20px; font-family: verdana"> <font color="black"><?=$produtos[0]["nome"]?></font> </div></td> <td><?=number_format( $produtos[0]["preco"], 2, ", ", "." )?></td> <td><div align="center"><a href="remover.php?remover=carrinho&id=<?=$idProduto?>">◄</a> <?=$quantidade?><a href="carrinho.php?add=carrinho&id=<?=$idProduto?>">►</a> </div></td> <td><?=number_format( $total, 2, ",", "." )?></td> <td> <a href="remover2.php?remover=carrinho&id=<?=$idProduto?>">Remover</a> </td> </tr> <?php array_push($_SESSION['dados'], array ('id_produto' => $produtos[0]["nome"], 'quantidade' => $quantidade, 'preco' => $produtos[0]["preco"], 'total' => $total ) ); endforeach; ?> </tbody> </table> <table> <td><div align='center' style='font-size:25px;font-family:Verdana'>Total <?=number_format( $totalcarrinho, 2, ",", "." )?></div></td> </table> <?php echo '<a href="finalizar.php"><button class="button2" type="submit">Finalizar pedido</button></a>'; endif; ?> >
  9. Boa tarde, Pessoal, eu gostaria de fazer o seguinte, que o meu background pisque com cores diferentes quando aparecer uma mensagem. Ex. quando a palavra for (up) o background pisque na cor verde; quando a palavra for (down) o background pisque na cor vermelha; Desde já muito obrigado.
  10. chilli2

    Background

    Boa tarde, estou tendo dificuldade na seguinte questão, eu preciso que o meu background fique piscando quando uma determinada palavra apareça, ex. quando aparecer a palavra (Down) o background fique vermelho e quando aparecer a palavra (up) o mesmo background fique na cor verde, como posso montar isso? desde já muito obrigado e parabéns pelo post..
  11. Boa noite galera, não tenho conhecimento em programação, o que desenvolvi em meu site atualmente foi através de pesquisas e curiosidade em aprender e modelar site por conta própria. Hoje estou com um problema quanto a velocidade do site, muitas JS bloqueando a renderização do site, eu cheguei a tentar jogar todo JS para fim da página "footer", mas algumas páginas se desconfigurarão, então eu gostaria de pedir ajuda a vocês, sobre como eu deixo meu site mais rápido sem desconfigurar as páginas... Ou como adicionar o async dentro dessas funções!? Segue o php de chamadas do css e js <?php class CaryAssets { var $location; var $section; public function __construct() { $this->location = Rewrite::newInstance()->get_location(); $this->section = Rewrite::newInstance()->get_section(); osc_add_hook('header', array(&$this, 'enqueue_css'), 1); osc_add_hook('header', array(&$this, 'enqueue_js')); } function enqueue_css() { $location = Rewrite::newInstance()->get_location(); $section = Rewrite::newInstance()->get_section(); if ($location === 'user' && in_array($section, array('dashboard', 'profile', 'alerts', 'change_email', 'change_username', 'change_password', 'items'))) { $user = User::newInstance()->findByPrimaryKey(Session::newInstance()->_get('userId')); View::newInstance()->_exportVariableToView('user', $user); ?> <script type="text/javascript"> var cary_theme = window.cary_theme || {}; cary_theme.user = {}; cary_theme.user.id = '<?php echo osc_user_id(); ?>'; cary_theme.user.secret = '<?php echo osc_user_field("s_secret"); ?>'; </script> <?php } // osc_enqueue_style('bootstrap', osc_current_web_theme_url() . 'lib/bootstrap/css/bootstrap.min.css'); // customized bootstrap with 480px @media // https://gist.github.com/wdollar/135ec3c80faaf5a821b0 osc_enqueue_style('bootstrap', osc_current_web_theme_url() . 'css/bootstrap.min.css'); osc_enqueue_style('font-awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css'); osc_enqueue_style('bootstrap-social', osc_current_web_theme_url() . 'css/bootstrap-social.css'); osc_enqueue_style('bxslider-css', osc_current_web_theme_url() . 'lib/bxslider/css/jquery.bxslider.min.css'); osc_enqueue_style('sweetalert-css', osc_current_web_theme_url() . 'js/sweetalert-master/dist/sweetalert.css'); osc_enqueue_style('style', osc_current_web_theme_url() . 'css/style.css'); osc_enqueue_style('style-jquery-ui', osc_current_web_theme_url() . 'lib/jquery-ui/jquery-ui.css'); osc_enqueue_style('style-animatedModal', '//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css'); if(Params::getParam('page') === 'item' && (Params::getParam('action')==='item_add' || Params::getParam('action')==='item_edit')) { osc_enqueue_style('style-jquery-ui', osc_current_web_theme_url() . 'js/alt-checkbox/jquery.alt-checkbox.css'); } } function enqueue_js() { osc_register_script('jquery', osc_current_web_theme_url() . 'lib/jquery/js/jquery-1.12.0.min.js'); osc_enqueue_script('jquery'); osc_register_script('jquery-ui', osc_current_web_theme_url() . 'lib/jquery-ui/jquery-ui.js', 'jquery'); osc_enqueue_script('jquery-ui'); osc_enqueue_script('php-date'); osc_register_script('animatedModal', osc_current_web_theme_url() . 'js/animatedModal.js-master/animatedModal.min.js', 'jquery'); osc_enqueue_script('animatedModal'); osc_register_script('global-js', osc_current_web_theme_url() . 'js/global.js', 'jquery'); osc_enqueue_script('global-js'); osc_register_script('sticky', osc_current_web_theme_url() . 'node_modules/sticky-kit/dist/sticky-kit.js', 'jquery'); osc_enqueue_script('sticky'); osc_register_script('bootstrap-js', osc_current_web_theme_url() . 'lib/bootstrap/js/bootstrap.min.js', 'jquery'); osc_enqueue_script('bootstrap-js'); osc_register_script('bxslider-js', osc_current_web_theme_url() . 'lib/bxslider/js/jquery.bxslider.min.js', 'jquery'); osc_enqueue_script('bxslider-js'); $url = 'https://maps.googleapis.com/maps/api/js?libraries=places'; if (trim(osc_get_preference('maps_key', 'cary_theme')) != '') { $url = 'https://maps.googleapis.com/maps/api/js?key=' . trim(osc_get_preference('maps_key', 'cary_theme')) . '&libraries=places'; } osc_register_script('gmaps-js', $url); osc_register_script('sweetalert-js', osc_current_web_theme_url() . 'js/sweetalert-master/dist/sweetalert.min.js'); osc_enqueue_script('sweetalert-js'); if (osc_is_ad_page() && osc_get_preference('include_maps_js', 'cary_theme')) { osc_enqueue_script('gmaps-js'); } osc_register_script('delete-user-js', osc_current_web_theme_js_url('delete_user.js'), 'jquery-ui'); if (($this->location === 'user' && in_array($this->section, array('dashboard', 'profile', 'alerts', 'change_email', 'change_username', 'change_password', 'items'))) || (Params::getParam('page') === 'custom' && Params::getParam('in_user_menu') == true) ) { osc_enqueue_script('delete-user-js'); } if(Params::getParam('page') === 'item' && (Params::getParam('action')==='item_add' || Params::getParam('action')==='item_edit')) { osc_register_script('alt-checkbox-js', osc_current_web_theme_url() . 'js/alt-checkbox/jquery.alt-checkbox.js'); osc_enqueue_script('alt-checkbox-js'); } } }
  12. jujubeas

    Quiz

    Ola pessoal, alguém tem algum código javascript ou pode me dar algum link como referencia que tenha um questionario/quiz que use arrays e estruturas de repetição?
  13. luannsr12

    Api Emby JavaScript

    Pessoal, alguém ja trabalhou com a API de integração do emby? Podem me ajudar. O Fato que eu não entendi absolutamente quase nada da documentação deles, que por sinal é mal explicada. http://swagger.emby.media/?staticview https://github.com/MediaBrowser/Emby.ApiClient.Javascript/blob/master/apiclient.js Se alguém ja trabalhou com isso, pode entrar em contato comigo, vai ter remuneração.
  14. guilhermetb

    Posicionar icone java script na tela

    Ola, gostaria de ajuda com este script. Não tenho muito conhecimento em programação porem tentei algumas coisas sem sucesso: - Por entre <div> e manipular por css - Tentei por dentro do script usando position - Deixando o div class fora e tentando chamar dentro do script O que preciso seria posicionar o icone do lado direto, um pouco acima do rodapé pois em certo momento uma barra sobe e o icone fica por cima. Uma coisa mais arrojada seria o icone subir junto com a barra porem acabei desconsiderando por acreditar ser mais dificil, sendo assim o primeiro modo ja fica bom. O código do script é: <!-- WhatsHelp.io widget --> <script type="text/javascript"> (function () { var options = { facebook: "facebookid", // Facebook page ID whatsapp: "+55XXXXXXXXXXX", // WhatsApp number email: "email@contato.com.br", // Email sms: "XXXXXXXXXXX", // Sms phone number - Somente Mobile // line: "Whatshelp", // Line QR code URL // call: "XX-XXXXXXXXX", // Call phone number // viber: "Whatshelp", // Call viber - Somente Mobile // snapchat: "Whatshelp", // Snapchat // telegram: "Whatshelp", // Telegram // vkontakte: "Whatshelp", // Vkontakte company_logo_url: "https://www.site.com.br/logo.png", // URL of company logo (png, jpg, gif) greeting_message: "Bem vindo ...", // Text of greeting message call_to_action: "Entre em contato", // Call to action // button_color: "#000000", // Preto button_color: "#129BF4", // Azul position: "right", // Position may be 'right' or 'left' order: "facebook,whatsapp,email" // Order of buttons }; var proto = document.location.protocol, host = "whatshelp.io", url = proto + "//static." + host; var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js'; s.onload = function () { WhWidgetSendButton.init(host, proto, options); }; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); </script> <!-- /WhatsHelp.io widget --> Quem puder me ajudar agradeço!
  15. 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:
  16. Sampaio_bs

    Repetição

    Galera, boa noite! Estou conhecendo agora Js, e to com um pouco de dúvida ! O meu código é um cadastro simples. Que depois de preenchido ele envia os meus dados para o footer, ficando "salvo". Eu não estou conseguindo limpar o que foi digitado quando o clico no botão "save", e como faço para escrever novamente e enviar os dados para baixo do que já está "salvo" ?? Agradeço desde já a ajuda!! function myFunction(){ var form = document.getElementById('form-horizontal'); var name = document.getElementById('name'); var idade = document.getElementById('idade'); var email = document.getElementById('email'); form.addEventListener('submit', function(e){ document.getElementById('nome').innerHTML = name.value; document.getElementById('anos').innerHTML = idade.value; document.getElementById('e-mail').innerHTML = email.value; document.getElementById("resultado").style.visibility = "visible"; e.preventDefault(); }); }
  17. 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.
  18. Galera, boa tarde. Estou precisando de uma ajuda. Tenho um form e um script para verificar se o input foi preenchido, porém não está funcionando. Alguém poderia me ajudar com esse "problema"? function verifica(){ nome = document.getElementById('nome').value; if (nome == ''){ JSModal('Erro!','Você precisa informar o nome','error'); return; }else{ document.getElementById('form_contrato').submit(); } } <form method="post" action="/login" id="form_contrato"> <input type="text" name="nome" id="nome"> <button type="submit" onclick="javascript:verifica();">Continuar</button> </form>
  19. 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
  20. Boa noite a todos ! Estou com um problema um pouco complicado.. Estou criando um LoadScreen em um game, e estou utilizando um video.mp4 No Index.html e no Style.css a PRINCIPIO esta tudo correto. Quando vejo o video no navegador, ele reproduz normal, com audio e tudo, porém fica uma faixa branca em cima e quando o mouse fica passa por cima, ele pausa a musica. O index.jv ta com um comando de Hover play() e pause () Se alguem puder me ajudar, o intuito é somente utilizar ele para dar o play no video e pronto ! até terminar o load do game. Segue linha de comando : var figure = $(".video").hover( hoverVideo, hideVideo ); function hoverVideo(e) { $('video', this).get(0).play(); } function hideVideo(e) { $('video', this).get(0).pause(); }
  21. clecio10

    Implementação de lista em java

    Olá pessoal sou novo no fórum e gostaria da ajuda de vocês na resolução de um exercício de estrutura de dados, não estou sabendo como implementar os métodos com base nas perguntas do exercício. Por favor, quem puder ajudar eu agradeço de coração! Enunciado: 1. Implemente o método compareTo(Object o) da classe Item ; 2. Implemente a lista duplamente encadeada para a atender a interface ILista ; 3. Implemente a lista simplesmente encadeada circular para a atender a interface ILista ; 4. Implemente a lista duplamente encadeada circular para a atender a interface ILista ; interface ILista { /** * Adiciona um elemento na lista * * @param dado Elemento a ser adicionado * @throws ListaException Erro caso não tenha mais espaço disponível. */ void adicionar(Item dado) throws ListaException; /** * Remove um item da lista * * @param chave informar a chave de busca do item * @throws ListaException Erro caso não tenha o item informado. */ void remover(Comparable chave) throws ListaException; /** * Caso a chave seja encontrada, retorna verdadeiro * * @param chave * @return */ boolean contem(Comparable chave) throws ListaException; /** * Retorna a quantidade de elementos * * @return a quantidade de elementos */ int getQtd(); /** * Adiciona a outra lista no final da lista. * * @param outralista a outra lista a ser somada. */ void AdicionarNoFinal(ILista outralista) throws ListaException; /** * Adiciona a outra lista no final da lista. * * @param outralista a outra lista a ser somada. */ void AdicionarNoFinal(Item[] outralista) throws ListaException; /** * Adiciona a outra lista após o item chave existente na lista. * * @param outralista a outra lista a ser somada. * @param chaveDoItemDoMeio elemento chave que antecederá a outra lista */ void AdicionarNoMeio(Comparable chaveDoItemDoMeio, ILista outralista) throws ListaException; /** * Retorna outra lista com os elementos existentes da lista. * * @param posicaoInicial posição inicial da lista a ser copiada. * @param posicaoFinal posição final da lista que deve ser copiada. */ Item[] getSubLista(int posicaoInicial, int posicaoFinal) throws ListaException; /** * Retorna a quantidade de elementos que são iguais ao informado no parâmetro. * * @param item elemento de comparação. */ int getQtdElementos(Item item) throws ListaException; /** * Remove os itens duplicados * * @throws ListaException */ void removerDuplicados() throws ListaException; } public class Item implements Comparable { private Comparable chave; private Object informacaoCompleta; public Item() { } public Item(Comparable chave) { this(); this.chave = chave; this.informacaoCompleta = chave; } public Item(Comparable chave, Object dado) { this(chave); this.informacaoCompleta = dado; } public Object getInformacaoCompleta() { return informacaoCompleta; } public void setInformacaoCompleta(Object informacaoCompleta) { this.informacaoCompleta = informacaoCompleta; } public Comparable getChave() { return chave; } public void setChave(Comparable chave) { this.chave = chave; } // Implementar o método compareTo public int compareTo(Object o) { return 0; } } public class ListaException extends Exception { public ListaException(String msg) { super(msg); } }
  22. alexalannunes

    Alguém manja de rede?

    O gerente de rede, na empresa onde trabalho (provedor de internet), fez algumas alterações na rede da empresa na qual Afetou tbm alguns clientes da mesma. Porém os afetados foram os programadores que utilizam o npm ou yarn pra instalar nossas dependências. Vi que consigo abrir registrynpm pelo navegador Mas quando pingo pra esse domínio não vai Rodei um comando pra instalar o react usando meu 4g e rodou liso. Gostaria de saber como posso explicar pro gerente de rede que ele fez m***** Pra resolver esse problema. Acho q a empresa está bloqueando alguma porta ou algo do tipo Me ajudem
  23. 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!
  24. 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!
  25. Olá! Estou com uma dúvida em JavaScript que não consigo resolver. Contexto: Em uma página HTML, tenho 10 imagens organizadas, de classe: <img class='imagens-q'> e id's de 0 à 9, respectivamente: <img class='imagens-q' id='0'> <img class='imagens-q' id='1'> ... <img class='imagens-q' id='9'> Objetivo: Essas imagens ficam disponíveis para que o usuário escolha (clique) uma ou mais. Minha intenção é justamente obter o id do elemento que o usuário clicar. Resumindo: Como faço para saber o id da imagem na qual o usuário clicou? OBS: não coloquei nenhum código em JS porque justamente ainda não tenho nenhum código.
×

Important Information

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