Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''jquery''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

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

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 809 registros

  1. Thiago Duarte

    Drag and Drop

    Olá, gostaria de usar essa função, queria arrastar imagem e ao soltar aparecer o conteúdo em html Seria mais ou menos parecido com esse exemplo https://www.w3schools.com/Html/tryit.asp?filename=tryhtml5_draganddrop2 Exemplo: eu arrasto uma imagem de um header e ao soltar do lado direito aparece o html dele já pronto igual da imagem que arrastei. Alguém pode ajudar ?
  2. gianp

    Somar registros selecionados [DATATABLE]

    Prezados, necessito de uma ajuda! Preciso somar os registros da coluna "valor" quando ele for selecionado. Exemplo (print): Selecionado 2 registros, efetuar a soma, no caso 3.
  3. gianp

    Somar registros selecionados [DATATABLE]

    Prezados, necessito de ajuda! Preciso somar os registros da coluna "valor" quando ele for selecionado. Exemplo (print): Selecionado 2 registros, efetuar a soma, no caso 3.
  4. Gustavo2503

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

    O que há de errado com o meu código jQuery? function atualizaItens45() { $.ajax({ url: 'tb_itens.php', type: 'POST', data: { id: 45, valor: '1800.00' }, beforeSend: function (){ $('.carregando').fadeIn(); document.title = 'carregando...'; }, complete: function (){ $('.carregando').fadeOut(); document.title = 'TÍTULO'; }, success: function (data) { $('#tabela-itens-info-45 tbody').html(data); $('#tabela-itens-edita-45 tbody').html(data); }, error: function (request, status, erro) { alert('Erro! Por favor entre em contato conosco (COD: 1801)'); } }); } atualizaItens45();
  5. Estou com um projeto em que após o login, carrego todos os dados primordiais do usuário em um localStorage. Uma vez logado, esse objeto JSON armazenado como string criptografada pode ser acessado offline, inclusive. Porque trata-se de um projeto web embarcado em um webview Java Android. Pois bem. Estou com um cliente que excedeu esse limite por ter mais de 30K linhas de informação especifica que é transformada em string e posteriormente criptografada. Lógico que isso excedeu o limite do localStorage. localStorage.setItem('corexmr', GARRA.Const.Criptografia.set(JSON.stringify(GARRA))); Minha primeira dúvida foi saber se o limite era empregado a unidade do localStorage usado ou se esse limite é do uso do LS no projeto. Tirei essa duvida porque criei uma função de empilhamento de LS, monitorando o limite distribuido em cada. Então, se seu fizesse um armazenamento, eu poderia realizar um stringfy, criptografar, mensurar o tamanho e dividir pelo limite em storages como 'core', 'core1', 'core2', ... GARRA: { Methods: { localStorage: { limitcharacter: 5000000, set: function(nome, obj) { var objString = GARRA.Const.Criptografia.set(JSON.stringify(obj)); if (GARRA.Methods.localStorage.limitcharacter > objString.length) { localStorage.setItem(nome, objString); } else { var calc = (objString.length / GARRA.Methods.localStorage.limitcharacter), i = 0, start = 0; while (i <= calc) { localStorage.setItem((i === 0) ? nome : nome + i.toString(), objString.substr(start, GARRA.Methods.localStorage.limitcharacter)); start = (start + GARRA.Methods.localStorage.limitcharacter); i++; } } }, load: function(nome) { var end = false, i = 0, content = ''; while (!end) { if (localStorage.getItem((i === 0) ? nome : nome + i.toString()) == null) { end = true; } else { content += localStorage.getItem((i === 0) ? nome : nome + i.toString()); } i++; } return JSON.parse(GARRA.Const.Criptografia.load(content)); } } } } Mas mesmo assim cheguei ao limite. Pergunta: - Existe uma solução alternativa, para quem quer continuar a armazenar localmente no cliente sob regime de persistência?
  6. Eu irei apresentar a ideia que quero fazer em meu site e em seguida mostrarei o que já fiz e o que está funcionando corretamente e logo depois apresentarei o problema que não estou conseguindo resolver. Caso eu não seja claro em alguma parte, eu vou ficar super feliz de esclarecer para que a compreensão fique melhor. IDEIA: Eu estou fazendo uma tela de com informações sobre tipos de consultoria, para isso fiz 6 cards (Retangulo com Icone + nome) com os títulos que precisava. O que vai conter nessa interação de cards: Hover: - Alteração de cor no icone e titúlo do card; Event Click: - Faz requisição Ajax e exibe a <div> com resposta; - Alteração de cor no icone e título do card; JÁ DESENVOLVIDO: Eu já consegui fazer a parte do hover, claro e o Event Click com Javascript, como segue abaixo: Esse é o HTML: <div class="col-lg-4 col-md-6 mt-5"> <a data-consult-id="1"> <div class="text-center element"> <div style="margin-bottom: 25px;"> <i class="ti-package ti-icone"></i> </div> <h4> RH </h4> </div> <!-- feature --> </a> </div> <div class="col-lg-4 col-md-6 mt-5"> <a data-consult-id="2"> <div class="text-center element"> <div style="margin-bottom: 25px;"> <i class="ti-headphone-alt ti-icone"></i> </div> <h4> Processos Industriais </h4> </div> <!-- feature --> </a> </div> O CSS é: .element { box-shadow: 0 8px 50px -6px rgba(84,84,120,.26); padding: 40px 20px 20px; position: relative; background: #fff; cursor: pointer; } .element h4 { color: #3c9890; font-size: 20px } .element:hover div i{ background: rebeccapurple !important; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .element:hover h4{ color: #9e6bd2 !important; transition: all .5s ease-in-out; } .ti-icone { background: #35b1a6; width: 80px; height: 80px; display: inline-block; line-height: 80px; text-align: center; color: #fff; font-size: 28px; border-radius: 50%; } E aqui está o Javascript: $(document).on('click', 'a[data-consult-id]', function () { let consult_id = $(this).attr("data-consult-id"); var obj = $(this); let response = $(".response-content"); setTimeout(function(){ $.ajax({ url: "response.php?consult_id=" + consult_id, type: 'GET', success: function (data) { $(response).slideToggle('fast', function () { $('a[data-consult-id] .element div').children('i').css("background-color", ""); $('.element div', obj).children('i').toggleClass('actived'); $('.element', obj).children('h4').toggleClass('text-actived'); }).html(data); } }); }, 200); }); OBS.: Desculpa o detalhamento que pode parecer chato, mas se eu fizer simples demais ignoram a pergunta e podem dar negative, sla rsrs. PROBLEMA: Agora o meu problema é segundo o exemplo seguinte: Se eu clicar no card RH, a requisição será feita e retornará os dados para o response, ok e com isso eu adicionei um SlideToggle para efeito de abrir e fechar e também junto com isso eu coloquei uma função para que quando isso acontecer, ele adicione na tag <i> e na tag <h4> a classe .actived/.text-actived, o que elas fazem pode ser visto logo abaixo: .actived { background-color: #663399 !important; } .text-actived { color: #9e6bd2 !important; } Então, tendo esse card ativo, eu tenho ele exatamente como quero, porém se tendo esse card aberto eu clicar em outro card, por exemplo Processos Industriais, o SlideToggle() é desativado mas mesmo assim as classes .actived/.text-actived são adicionadas na tag <i> e na tag <h4>. Meu pedido é que alguem me ajude a entender como posso fazer essa funcionalidade para que quando eu clicar em um outro card, o antigo seja desativado e o AJAX do novo card seja aberto e exibido e com isso, a cor das tags "i" e "h4" do antigo tambem sejam desativadas e sejam ativadas no novo. Bom, era isso. Como fiz na minha pergunta anterior, eu vou colocar o link do site que estou desenvolvendo essa funcionalidade para talvez vocês verem melhor. Link do site que estou desenvolvendo: http://hecato.com/sistema/info/consultores.php Link do site de exemplo que possui caixas de info conforme eu preciso: https://www.wickbold.com.br/linhas-produtos/grao-sabor/ Qualquer duvida, por favor, comentem e irei responder o mais rapido possivel. Eu também estou testando algumas formas para arrumar isso. Obrigado a todos e que a força esteja....
  7. Olá como estão, eu estou com problema aparentemente básico mas não consigo resolver, eu carrego conteúdos para um div via .loa() com jquery mas os recursos de css e javascript não funcionam, as classes css não funcionam uso o seguinte código. function telaPedido(){ $("#conteudoPrincipal").val("") $("#conteudoPrincipal").load("telas/pedidos.html") } aparentemente me parece que o conteúdo deveria ser carregado junto com a página principal, visto que se eu colocar o conteúdo na pagina direto tudo funciona.
  8. rafael_amaral

    Fixar thead da tabela

    Bom dia, estou com uma dificuldade em um problema que já tá me deixando maluco, vamos lá: Preciso de um códido que a uma determindada altura do topo do navegador fixe uma thead da tabela abaixo do topo do navegador e deixe o tbody passar por trás, e ao subir novamente a tela não fique mais fixo. A dificuldfade que estou é que na tabela as duas colunas inicias correm deixando o resdo do tbody passar por trás, e todo vez que uso algum tipo de position ela fica mito abaixo ou some. Não sei o que está acontecendo, já peguei o projeto pronto para modificar e sou novo em desenvolvimento. A tabela já está em duas divs, não posso mostrar o projeto, pois é da empresa e tem acordo confidencialidade, me desculpem! Quem poder me ajudar muito obrigado!!
  9. <html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"> <head> <link href="tabela.css" rel="stylesheet" title="style1" type="text/css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("buscar").click(function(){ $("#myInput").on("buscar", function() { var value = $(this).val().toLowerCase(); $("#myTable tr").filter(function() { $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1) }); }); }); }); </script> </head> <body> <form action=""> <input id="myInput" type="text" placeholder="Search.."> <input type="submit" value="BUSCAR"> <input type="reset" value="LIMPAR"> </form> <table class="fixo"> <col width="60px" /> <col width="40px" /> <col width="40px" /> <col width="40px" /> <col width="80px" /> <col width="40px" /> <col width="40px" /> <thead> <tr> <th>SEGMENTO</th> <th>CNPJ</th> <th>NOME_CONGLOMERADO</th> <th>GRUPO_CDC</th> <th>NOME CLIENTE</th> <th>GT</th> <th>EA</th> </tr> </thead> <tbody id="myTable"> <tr> <td>ATACADO</td> <td>'000000</td> <td>ADYL </td> <td>ADYL </td> <td>ADYL</td> <td>RENATA</td> <td>*</td> </tr> <tr> <td>especializado</td> <td >'000000</td> <td >ALFA</td> <td >ALFA</td> <td >ALFA</td> <td >RENATA</td> <td >*</td> </tr> <tr> <td>XXX</td> <td >'000000</td> <td >ALTA</td> <td >ALTA </td> <td >ALTA</td> <td >NATHALIE</td> <td >*</td> </tr> </tbody> </table> </body> </html> </body> </html> Alguém poderia me ajudar adicionar o botão corretamente desculpa minha ignorância no código não sei quase nada ! <script> $(document).ready(function(){ $("buscar").click(function(){ $("#myInput").on("buscar", function() { var value = $(this).val().toLowerCase(); $("#myTable tr").filter(function() { $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1) }); }); }); }); </script>
  10. Bom dia Pessoal. Sou Leigo em Jquery e estou precisando da ajuda de vocês para o seguinte: Tenho este arquivo XML que é gerado e atualizado automaticamente por um software a cada vez que uma música termina e outra se inicia (Este arquivo é enviado automaticamente via FTP para o servidor a cada nova atualização). <?xml version="1.0" encoding="utf-8"?> <Schedule System="Jazler"> <Event status="happening" startTime="09:19:18" eventType="song"> <Announcement Display="Now On Air:"/> <Song title="Rachel Malafaia"> <Artist name="03"> </Artist> <Jazler ID="131"/> <PlayLister ID=""/> <Media runTime="00:03:55"/> <Expire Time="09:23:12"/> </Song> </Event> </Schedule> Preciso que a página do site leia este arquivo com a estrutura acima (que é gerada automaticamente) e atualize as informações de <Song Title>, <Artist name>, etc... em uma tag <li> na página HTML, mas preciso que essa atualização ocorra em tempo real sem a necessidade de recarregar (Refresh) a página. (Por isso gostaria que fosse com JQuery), mas como sou leigo no assunto, gostaria da ajuda dos colega sobre como fazer isso, pois os exemplos que tenho achado na internet eu não estou conseguindo fazer funcionar. Obrigado e forte abraço a todos.
  11. Tenho 2 campo como mostra abaixo abaixo : <div class="col-md-4"> <label for="descricao">Valor título </label> <div class="input-group"> <span class="input-group-addon">R$</span> <input type="text" id="entr_valorMoeda" class="form-control valor" value="<?php echo $conta->ENTR_ValorMoeda;?>" readonly > <input type="hidden" class="valor" name="entr_valorMoeda" value="<?php echo $conta->ENTR_ValorMoeda;?>"> </div> </div> <div class="col-md-4"> <label for="descricao">Valor baixa </label> <div class="input-group"> <span class="input-group-addon">R$</span> <input type="text" class="form-control valor" id="valorBaixa" name="valorBaixa" value="<?php echo $valorBaixa;?>"> <input type="hidden" name="totalBaixas" value="<?php echo $totalBaixas; ?>"> </div> </div> Aonde o primeiro campo me reporta um valor de banco de dados e o 2 replicar esse mesmo valor mas o primeiro campo esta bloqueando nao podendo alterar e o segundo eu posso alterar, ai que eu queria saber como eu faço pra quando eu for alterar esse segundo o mesmo não passa do valor da varialvel.
  12. vazzoler

    Full Calendar dúvida Data/Hora

    Boa tarde a todos! Estou criando um gerenciador de tarefas no FullCalendar e me surgiram algumas dúvidas: a primeira é que, quando cadastro o start com a data exemplo de 22/11/2018 00:00:00 e o end com data e hora 23/11/2018 09:00:00, ele marca no calendário o evento para os 2 dias, 22 e 23/11. Porém, se cadastro com o start com a data exemplo de 22/11/2018 00:00:00 e o end com data e hora 23/11/2018 08:00:00, ele marca no calendário apenas para o dia 22/11. Alguém sabe me dizer o porque ocorre isso?
  13. Preciso calcular o valor de um serviço de um projeto de petshop, onde é necessário informar os dados: id_porte (pequeno, médio, grande), id_categoria_animal (cachorro, gato), e qual o serviço(banho, tosa ou banho com tosa), pois os valores variam de acordo com o porte do animal, categoria e o serviço solicitado. porém as informações id_categoria_animal e id_porte ja vem preenchidas no formulario quando na pagina anterior é digitado o CPF do cliente, então quando é selecionado o serviço em um campo select, automaticamente o valor carrega, porém não esta dando certo e não encontrei o erro, estou utilizando o framework codeigniter. Este é o controller: Class Consulta_cpf extends CI_Controller{ function __construct(){ parent::__construct(); $this->load->helper('form'); $this->load->library('form_validation'); $this->load->model('cliente/dados_cliente', 'dados'); $this->load->helper('date'); } public function index(){ $this->form_validation->set_rules('cpf', 'CPF', 'required|trim|exact_length[11]|numeric'); //VERIFICA SE AS REGRAS COM O CPF DIGITADO FORAM EXECUTADAS. if($this->form_validation->run() == FALSE){ if(validation_errors()){ die('<p> <a href="'.base_url('agendar_servico').'"> Clique aqui </a> para voltar </p>'.validation_errors()); } } if(isset($_POST['acao']) && $_POST['acao'] == 'Pesquisar >>'){ $cpf = $this->input->post('cpf'); //VERIFICA SE O CPF DO CLIENTE EXISTE NO BANCO DE DADOS. try { $pessoa = $this->dados->select_nome_pessoa($cpf); } catch (Exception $e) { die('<p> <a href="'.base_url('agendar_servico').'"> Clique aqui </a> para voltar</p>'.$e->getMessage()); } $id_pessoa = $pessoa['id_pessoa']; $id_cliente = $this->dados->select_id_cliente($id_pessoa); $animal = $this->dados->select_animal($id_cliente); $dados['nome_cliente'] = $pessoa['nome_pessoa']; $dados['id_cliente'] = $this->dados->select_id_cliente($id_pessoa); $dados['id_animal'] = $animal['id_animal']; $dados['nome_animal'] = $animal['nome_animal']; $dados['id_cat_animal'] = $animal['id_cat_animal']; $dados['nome_cat_animal'] = $animal['nome_cat_animal']; $dados['id_porte'] = $animal['id_porte']; $dados['nome_porte'] = $animal['nome_porte']; $dados['idade'] = $this->dados->select_idade($animal['data_nasc_animal']); $dados['data'] = $this->dados->select_data(); $dados['servicos'] = $this->dados->select_servicos(); $dados['consulta_func'] = $this->dados->consulta_func(1); $dados['cpf'] = $this->input->post('cpf'); $this->load->view('cliente/agendar_servico', $dados); } } } Este é o model (Só a função que importa que neste caso é a consulta de valor) public function consulta_valor($id_servico, $id_cat_animal, $id_porte){ $options = "<option> Valores </option>"; $this->db->select('*'); $this->db->from('valores'); $this->db->where(array('id_servico' => $id_servico, 'id_cat_animal' => $id_cat_animal, 'id_porte' => $id_porte)); $query = $this->db->get(); if($query->num_rows() > 0){ foreach($query->result() as $linha){ $options .= "<option value='{$linha->id_valor}'> $linha->valor </option>"; } return $options; }else{ return false; } } Este é a função para o jquery executar, que esta dentro do controller/ajax <?php defined('BASEPATH') OR exit('No direct script access allowed'); Class Valor extends CI_controller{ function __construct(){ parent::__construct(); $this->load->model('cliente/dados_cliente', 'dados_cliente'); } public function get_valor(){ $id_servico = $this->input->post('id_servico'); $id_cat_animal = $this->input->post('id_cat_animal'); $id_porte = $this->input->post('id_porte'); sleep(1); echo $this->dados_cliente->ff($id_servico, $id_cat_animal, $id_porte); } } Esta é a função do header com o jquery. $(function(){ $('#servico').change(function(){ $('#valor').attr('disabled', 'disabled'); $('#valor').html("<option> Carregando... </option>"); var id_servico = $('#servico').val(); $.post(base_url+'index.php/ajax/valor/get_valor',{ id_servico : id_servico }, function(data){ $('#valor').html(data); $('#valor').removeAttr('disabled'); }); }); }); E por fim esta é a view(bom apenas uma parte dela) echo form_label('Serviços: '); echo ""; echo $servicos; echo ""; echo form_label('Valor: ', 'valor'); echo "<select id='valor' name='valor' disabled=''>"; echo "<option>valor</option>"; echo "</select>";
  14. Guga Alves

    Pesquisar e ocultar/mostrar conteúdos

    Preciso fazer uma pesquisa em uma DIV X, baseado no que for encontrado nas DIVs filhas da DIV X, os itens serão mostrados ou ocultados. Encontrei um exemplo que faz exatamente o que preciso fazer, porém ela esta sendo feita em uma tabela: <div class="cont"> <input type="text" class="input-search" alt="lista-clientes" placeholder="Buscar nesta lista" /> <br style="clear:both"> <table class="lista-clientes" width="100%"> <thead> <tr> <th align="center" width="5%">#</th> <th>Cliente</th> <th>Carro</th> </tr> </thead> <tbody> <tr> <td align="center">1</td> <td>José Ribeiro</td> <td>VW Gol 1.0</td> </tr> <tr> <td align="center">2</td> <td>Maria Conceição</td> <td>Fiat Palio 1.0</td> </tr> <tr> <td align="center">3</td> <td>Lourdes Silva</td> <td>Chevrolet Cosa 1.0</td> </tr> <tr> <td align="center">4</td> <td>Marcos Henrique</td> <td>VW Jetta 2.0</td> </tr> </tbody> </table> </div> $(function(){ $(".input-search").keyup(function(){ //pega o css da tabela var tabela = $(this).attr('alt'); if( $(this).val() != ""){ $("."+tabela+" tbody>tr").hide(); $("."+tabela+" td:contains-ci('" + $(this).val() + "')").parent("tr").show(); } else{ $("."+tabela+" tbody>tr").show(); } }); }); $.extend($.expr[":"], { "contains-ci": function(elem, i, match, array) { return (elem.textContent || elem.innerText || $(elem).text() || "").toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0; } }); /* > Para o input */ .input-search{ border:1px solid #CCC; padding:5px 14px; font-size:12px; margin:10px 0; float:right; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; border-radius:15px; } .input-search::-webkit-input-placeholder{ font-style:italic } .input-search:-moz-placeholder { font-style:italic } .input-search:-ms-input-placeholder { font-style:italic } table.lista-clientes{ border-collapse:collapse; font-size:12px; font-family:Tahoma, Geneva, sans-serif; } table.lista-clientes th{ padding:5px; background:#EEE; border:1px solid #CCC; } table.lista-clientes td{ padding:3px; border:1px solid #CCC; } .cont{ width:300px; margin:30px; overflow:hidden; } Alguém que realmente entenda de Jquery pode me ajudar a adaptar este exemplo para utilização com divs e classes?
  15. Paulo Felipe de Araujo

    Problema com substituição de imagem

    Olá, fiz esse script para trocar imagem, mas não funciona. Ele da esse erro no log : Uncaught TypeError: Cannot read property 'src' of null at HTMLImageElement.<anonymous> (produto.html:197) at HTMLImageElement.dispatch (jquery.js:5183) at HTMLImageElement.elemData.handle (jquery.js:4991) Segue o código: <div class="img-principal"> <img src="images/produtos/bolo-choco.jpg" alt="" class="img-fluid" id="imagem-principal"> </div> <div class="img-thumb-group"> <a rel="1"> <img src="images/produtos/bolo-choco.jpg" class="img-thumbnail config-img-thumb" id="1"> </a> <a rel="2"> <img src="images/produtos/p-bolo-frutas-vermelhas.jpg" class="img-thumbnail config-img-thumb" id="2"> </a> </div> <script> $(document).ready(function(){ var img_principal = document.getElementById('imagem-principal'); $('#1').click(function(){ img_principal.attr('src',document.getElementById('#1').src); }); $('#2').click(function(){ img_principal.attr('src',document.getElementById('#2').src); }); }); </script>
  16. Boa noite! Gostaria de centralizar uma div na tela. Porém, <center> não é uma boa prática. Tem outra forma de utilizar este conceito trabalhando com margens, subtraindo, porcentagem, etc (diretamente no CSS) mas... é meio chato e as vezes até dificil de fazer isso. Uma forma muito simples seria: Pegar a altura e a largura do monitor do usuário e dividir por 2. Sei que o Jquery disponibiliza essa ação, gostaria de saber como pegar a altura e a largura do monitor do usuário. Eu consegui fazer isso uma vez, porém veio uma nova etapa: Como passar isso para o CSS? É um valor/id, como que o CSS vai ler as váriaveis que peguei de altura e largura/2 ? A resolução desta dúvida minha pode facilitar a vida de muita gente!! Desde já grato,
  17. jcsalim

    Exibir detalhes do cupom via javascript

    Pessoal, tudo bem com vcs estou com uma dúvida no meu código, tenho um código php com mysql que realiza um seleciona os dados no Mysql e exibe normalmente no Html, criei um codigo em javascript que exibe os dados ao clicar em um radio para validar um cupom. Nesse código ele valida o cupom mas não exibe a mensagem conforme no php no primeiro echo 'Cupom validado com sucesso', preciso que exiba essa mensagem e me exiba na div #consult os detalhes do cupom vindo do banco de dados. veja o código em javascript: $(document).ready(function(){ $("#codigo_cupom").blur(function(){ $("#consult").load("valida_cupom.php?codigo_cupom="+this.value); }); }); Veja o código php e mysql: <?php include("Connections/conn.php"); $codigo = trim($_GET["codigo_cupom"]); $procura = "SELECT * FROM tbl_cupom WHERE codigo_cupom = '$codigo'"; $resultado = mysqli_query($conn, $procura); $resposta = mysqli_num_rows($resultado); if ($resposta > 0) { echo "<p>Cupom validado com sucesso</p>"; } else { echo "<p>Cupom não existente!</p>"; } ?>
  18. Tem como eu configurar uma página em um site para ler um código de barras pela câmera do mobile? Se sim há como fazer só com php e javascript?
  19. byantunes

    Efeito do site da coca cola

    Olá, alguem poderia me ajuda a resolver esse problema ? Como faz pra criar esse efeito aqui do site da coca cola ? O efeito é esse de a logo a cada scroll que você da na pagina ela vai diminuindo até que fica na barra de navegação, achei muito massa.
  20. Davi M.

    Bug no slider

    Olá, queria a ajuda de alguém para tentar resolver um bug no meu slider, acontece que aparentemente ele funciona normalmente, mas em algum momento quando volto para olhar-lo as vezes ele começa a trocar as imagens de forma muito rápida, tipo em um e um segundo, mas logo para e funciona normal. Não consegui descobrir o porque. Duvido que vocês vão ter tempo e paciência de ficar olhando para o slider para ver o erro, então queria que vocês apenas olhassem para os códigos do meus slider e me dissesse se tem algo que eu estou fazendo de errado ou que poderia fazer melhor, afim de não term mais chances do slider ter esse bug. Obrigado. Código: <html> <head> <title>Slider</title> <style> /* SLIDER */ * { margin:0; padding:0; } .slides { width: 100%; height: 100%; z-index: 200; position: relative; border-bottom: ridge blue 5px; } #imagem1, #imagem2, #imagem3 { width: 100%; height: 100%; position: absolute; top: 0px; z-index: 200; } #imagem2, #imagem3 { display: none; } #imagem1 { display: block; } /*Botões*/ #B1, #B2, #B3 { z-index: 300; font-size: 50px; } #B1v, #B2v, #B3v { z-index: 300; font-size: 50px; } #pausar1, #pausar2, #pausar3 { z-index: 300; font-size: 50px; } #continuar1, #continuar2, #continuar3 { z-index: 300; font-size: 50px; display: none; } .textoSlider { position: relative; top: -250px; text-align: center; color: white; font-size: 30px; width: 80%; z-index: 300; } .saberMais { font-size: 20px; font-weight: bold; background-color: #00BFFF; width: 150px; padding-top: 10px; padding-bottom: 10px; border-radius: 5px; cursor: pointer; text-align: center; position: relative; bottom: 230px; z-index: 300; } .saberMais:hover { transform: scale(.9); transition: 1s; border-radius: 10px; background-color: #1E90FF; } .saberMais a:hover { color: orange; } .saberMais a { text-decoration: none; color: blue; } #controle { display: flex; justify-content: space-between; } .controleEstilo { width: 10%; height: 10%; margin: 10px; text-align: center; color: white; position: relative; bottom: 240px; } .controleEstilo:hover { color: #104af6; transition-duration: 1s; } .introducaoSlider { display: flex; justify-content: center; } .tituloSlider { font-size: 30px; color: red; } @media only screen and (max-width: 1100px) { .textoSlider { font-size: 20px; width: 95%; } } </style> </head> <body> <!-- SLIDER --> <header> <ul> <li> <div id="imagem1"> <img src="https://joaobidu.com.br/wp-content/uploads/2017/05/foto-de-lua-crescente-550x367.jpg" class="slides"> <div class="introducaoSlider"> <div class="textoSlider"> <div class="tituloSlider">Titulo 1</div> <label>Texto, texto texto texto texto texto texto texto texto texto texto texto</label> </div> </div> <div class="introducaoSlider"> <div class="saberMais"><a href="#titulo1" class="scroll">Saber Mais</a></div> </div> <div id="controle"> <div class="controleEstilo" id="B1v">&#65513;</div> <div class="controleEstilo" id="pausar1">&#10073;&#10073;</div> <div class="controleEstilo" id="continuar1">&#9655;</div> <div class="controleEstilo" id="B1">&#65515;</div> </div> </div> </li> <li> <div id="imagem2"> <img src="http://conexaoplaneta.com.br/wp-content/uploads/2016/05/cultivando-fases-da-lua-800.jpg" class="slides"> <div class="introducaoSlider"> <div class="textoSlider"> <div class="tituloSlider">Titulo 2</div> <label>Texto, texto texto texto texto texto texto texto texto texto texto texto</label> </div> </div> <div class="introducaoSlider"> <div class="saberMais" ><a href="#titulo2" class="scroll">Saber Mais</a></div> </div> <div id="controle"> <div class="controleEstilo" id="B2v">&#65513;</div> <div class="controleEstilo" id="pausar2">&#10073;&#10073;</div> <div class="controleEstilo" id="continuar2">&#9655;</div> <div class="controleEstilo" id="B2">&#65515;</div> </div> </div> </li> <li> <div id="imagem3"> <img src="https://abrilclaudia.files.wordpress.com/2017/11/lua_cheia.jpg" class="slides"> <div class="introducaoSlider"> <div class="textoSlider"> <div class="tituloSlider">Titulo 3</div> <label>Texto, texto texto texto texto texto texto texto texto texto texto texto</label> </div> </div> <div class="introducaoSlider"> <div class="saberMais"><a href="#titulo3" class="scroll">Saber Mais</a></div> </div> <div id="controle"> <div class="controleEstilo" id="B3v">&#65513;</div> <div class="controleEstilo" id="pausar3">&#10073;&#10073;</div> <div class="controleEstilo" id="continuar3">&#9655;</div> <div class="controleEstilo" id="B3">&#65515;</div> </div> </div> <li> </ul> </header> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script> //SLIDER var counter = 0 var timer = setInterval(function() { counter++ console.log(counter) //Troca slider sozinho if (counter === 10) { $("#imagem1").fadeOut("slow") $("#imagem2").fadeIn("slow") } else if (counter === 20) { $("#imagem2").fadeOut("slow") $("#imagem3").fadeIn("slow") } else if (counter === 30) { $("#imagem3").fadeOut("slow") $("#imagem1").fadeIn("slow") //reset } else if (counter > 30) { counter = 0 } //Pausar/Continuar slider 1 $("#pausar1").click(function() { counter = Number.NEGATIVE_INFINITY }) $("#continuar1").click(function(){ counter = 0 }) //Pausar/Continuar slider 2 $("#pausar2").click(function() { counter = Number.NEGATIVE_INFINITY }) $("#continuar2").click(function(){ counter = 10 }) //Pausar/Continuar slider 3 $("#pausar3").click(function() { counter = Number.NEGATIVE_INFINITY }) $("#continuar3").click(function(){ counter = 20 }) }, 500); //variaves usadas para pausar/continuar slider let continuar1 = $("#continuar1") let continuar2 = $("#continuar2") let continuar3 = $("#continuar3") let pausar1 = $("#pausar1") let pausar2 = $("#pausar2") let pausar3 = $("#pausar3") //Se clicar em pausar1 slide, pausar1 some e aparece continuar1 pausar1.click(function(){ //pausar some $("#pausar1").css('display', 'none') //continuar aparece $("#continuar1").css('display', 'block') }) //Se cliclar em continuar1, continuar1 some e aparece pausar1 continuar1.click(function(){ //continuar some $("#continuar1").css('display', 'none') //pausar aparece $("#pausar1").css('display', 'block') }) //Se clicar em pausar2 slide, pausar2 some e aparece continuar2 pausar2.click(function(){ //pausar some $("#pausar2").css('display', 'none') //continuar aparece $("#continuar2").css('display', 'block') }) //Se cliclar em continuar2, continuar2 some e aparece pausar2 continuar2.click(function(){ //continuar some $("#continuar2").css('display', 'none') //pausar aparece $("#pausar2").css('display', 'block') }) //Se clicar em pausar3 slide, pausar3 some e aparece continuar3 pausar3.click(function(){ //pausar some $("#pausar3").css('display', 'none') //continuar aparece $("#continuar3").css('display', 'block') }) //Se cliclar em continuar3, continuar3 some e aparece pausar3 continuar3.click(function(){ //continuar some $("#continuar3").css('display', 'none') //pausar aparece $("#pausar3").css('display', 'block') }) //Avançar $("#B1").click(function() { counter = counter = 10 $("#imagem1").fadeOut("slow") $("#imagem2").fadeIn("slow") }) $("#B2").click(function() { counter = counter = 20 $("#imagem2").fadeOut("slow") $("#imagem3").fadeIn("slow") }) $("#B3").click(function() { counter = counter = 30 $("#imagem3").fadeOut("slow") $("#imagem1").fadeIn("slow") }) //Voltar $("#B1v").click(function() { counter = counter = 20 $("#imagem1").fadeOut("slow") $("#imagem3").fadeIn("slow") }) $("#B3v").click(function() { counter = counter = 10 $("#imagem3").fadeOut("slow") $("#imagem2").fadeIn("slow") }) $("#B2v").click(function() { counter = counter = 0 $("#imagem2").fadeOut("slow") $("#imagem1").fadeIn("slow") }) //Para arruamar bug no firefox que não aceita height:100% no modo celular var firefox = navigator.userAgent.indexOf('Firefox') > -1; if (window = firefox){ alert("Firefox") if (window.innerWidth < 1000) { $(".slides").css('max-height', '580px') $("header").css('max-height', '580px') alert("1000") } } </script> </body> </html>
  21. diogosilva_frontend

    Link ativo conforme muda o slider

    Boa tarde, Estou precisando de uma ajuda, sou novo em Javascript, Jquery, etc. Estou desenvolvendo um projeto e criei uma parte com Owl Carousel 2 onde o Slider muda conforme eu clico nos links do alfabeto. Ao clicar no link do alfabeto, o slider muda conforme o nome da pessoa e insere mais um link com o nome da pessoa abaixo do alfabeto, pois o alfabeto irá trazer o nome das pessoas conforme a primeira inicial de seu nome. Preciso fazer o comportamento inverso, ou seja, que eu possa mudar o slide através das setas e o slider selecionado apareça selecionado no link do alfabeto e o nome da pessoa apareça abaixo dele. Outra dúvida, eu fiz um Javascript grande para que quando eu clicasse em outro link, ele removesse os demais. Gostaria de saber se existe outra alternativa para simplificar esse código, pois acho que ficou muito repetitivo e grande. Poderiam me ajudar? Link do meu código: https://bit.ly/2J4CRJ5 Obrigado
  22. Saudações mais uma vez. Sou novato em programação php e jquery. Gostaria que por favor, me ajudassem no seguinte: tenho uma lista de checkboxs com nome de meses que são geradas atravez de um for com dados vindo do banco de dados.ao ser carregado, elecria um array com as informações do mes e depois acrescenta esse mesmo array dentro de um outro array multidimensional. O que eu gostaria é de adicionar somente o array dentro do outro quando eu selecionasse o checkbox e remover o mesmo caso eu desselecionasse. Alguma ajuda por favor. Este é o código que eu tenho: <?php $read = new Read(); $read->ExeRead('mensalidade','where pago = 0 and ano='.date('Y').' and cod_membro='.$codigo); $resultados = $read->getResult(); $i = 0; $array_Meses = array(); foreach ($resultados as $result): $i++; extract($result); ?> <tr> <input class="meses" name="<?php ?>" disabled value="" type="checkbox"> <php? echo $nomeMes ?> <?php /*Informaçoes do mes*/ array_push($array_Meses,array( 'codigo'=> $codigo, 'referencia' => $referencia, 'data_inicio' => $data_inicio, 'data_fim' => $data_fim, 'periodicidade' => $periodicidade) ); ?> </tr> <?php endforeach; ?>
  23. Quibanga91

    Habilitar checkbox ao selecionar a check box anterior.

    Saudações pessoal... Estou desenvolvendo um sistema e o o mesmo incorpora o módulo finanças. Tenho um pilha de mensalidades, onde cada uma se encontar em um select. Gostaria que a principio todas elas estivessem desabilitadas excepto o primeiro check, e que ao habilitar o primeiro check, o segundo check pudesse estar disponível para ser habilitado. e se eu desabilitar o primeiro check, o segundo volta a estar indisponível (disable) para ser habilitado.e assim por diante, ou seja só posso selecionar um checkbox se o chekbox anterior estiver selecionado Gostaria de fazer isso co jquery ou php puro ou com outras sugestões vindas do forum. desde já agradeço e espero estar a ser coerente na minha explanação <input disable type="checkbox" > Janeiro <input disable type="checkbox" > Fevereiro <input disable type="checkbox" > Março <input disable type="checkbox" > Abril
  24. Wesley AgroBold

    Site de Leilões - Problema com Socket

    Bom dia pessoal! Recentemente desenvolvemos um site de leilões Judiciais e extrajudiciais. A principio, o site funcionava com AJAX para atualizar os lances recebidos. Porém, o site está com muitos acessos e esta derrubando o servidor. A solução que encontramos foi usar websocket para atualizar em tempo real e não ficar requisitando as atualizações ao servidor de segundo em segundo. Nosso problema é que não estamos conseguindo configurar o socket em nosso servidor que utiliza cPanel e é um VPS que tem IP compartilhado. Neste caso, qual seria a solução que devemos utilizar? Existe alguma outra tecnologia que substitua o socket? É possível usar socket com cPanel e IP compartilhado?
×

Informação importante

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