Jump to content

Search the Community

Showing results for tags 'jquey'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 8 results

  1. Gostaria de saber como adicionar a classe se um input de uma função de preenchimento automático estiver vazio? Existe uma função que autocomplete o endereço ao colocar o código postal. Se, por exemplo, o endereço_1 está vazio, addClass form-control senão sem-bordas. Eu tentei assim: $('#input-address-1').on('change',function(){ if($(this).val() == ''){ $(this).next().removeClass("form-control"); }else{ $(this).next().addClass("sem-bordas"); } Mas sem sucesso
  2. Boa noite pessoal, Estou com a seguinte dificuldade, preciso habilitar o arrastar e soltar de uma tabela, as paginas em que preencho a tabela com java a função funciona normal, mas onde preencho a tabela com jquey nao consigo habilitar essa funcao de arrastar e soltar, alguém pode me ajudar? abaixo segue o modal que contem a tabela. <!--Janela para listar pedidos--> <div class="modal fade" id="visualizaPedidos" role="dialog"> <div class="modal-sm center-block margin-top-30"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 class="modal-title">Lista de Pedidos</h4> </div> <div class="panel-body"> <table id="tabela_ordens" class="table tab table-striped"> <!--aqui preencho com jquery--> </table> </div> <script type="text/javascript"> $('tbody').sortable(); </script> <br> <div class="modal-footer center-block"> <button type="button" class="btn btn-primary" onclick="geraOrdemEntrega()">Entrega</button><button type="button" class="btn btn-primary" onclick="geraOrdemCarga()">Carga</button> </div> </div> </div> </div> <!--encerra modal--> e abaixo o servlet que preenche a tabela try { //recebe parametros Carga carga = new Carga(); carga.setCd_status_carga(Integer.parseInt(request.getParameter("status"))); carga.setCd_uf_carga(Integer.parseInt(request.getParameter("estado"))); List<Carga> pedidos = new CargaDao().listaPedidosPorStatusEUf(carga); if (pedidos.size() > 0) { out.print( "<thead>" + "<th>Pedido</th>" + "<th>Unidade</th>" + "</thead>" ); out.print("<tbody>"); for (Carga dado : pedidos) { out.print( "<tr>" + "<td>" + dado.getPedido() + "</td>" + "<td>" + dado.getUn() + "</td>" + "</tr>" ); } out.print("</tbody>"); } else { out.print("vaziu"); } } catch (NumberFormatException e) { out.print("erro"); System.err.println("errrrrrou"); }
  3. Estou desenvolvendo um sistema com PHP e AJAX adiciono em uma tabela uma linha ate ai tudo normal, mas depois que adicionei a linha na tabela quero apagar. estou usando o on(), mas parece não esta funcionando. JAVASCRIPT $('.extList').on('click', function(){ var idPordEx = $(this).attr('id'); $(".addStatus").html('<span class="add"><i class="fa fa-spinner fa-spin fa-3x fa-fw" style=""></i> Excluindo... <span></span></span>'); $.ajax({ type: "POST", url: "sys/excluirPreco.php", data: 'id='+idPordEx+'', success: function( data ) { var dadosOb = JSON.parse(data); var segundos = 7; if (dadosOb.excluiu == 'sim') { $(".addStatus").html('<span class="checkVeri"><i class="fa fa-check-circle" aria-hidden="true"></i> Excluido com sucesso! </span>'); setTimeout(function(){ $('.checkVeri').hide(); }, segundos*1000); $('#consu_'+dadosOb.idList).remove(); }else if(dadosOb.excluiu == 'sim' || dadosOb.erro == 'sim'){ $(".addStatus").html('<span class="FailVeri"><i class="fa fa-times-circle" aria-hidden="true"></i> Erro ao excluir! </span>'); setTimeout(function(){ $('.FailVeri').hide(); }, segundos*1000); } }, error: function(){ } }); }); PHP <?php include_once "../../../config.php"; include_once "../../../classes/BD.class.php"; if (isset($_POST['id'])) { $id = $_POST['id']; $DeletProd = BD::conn()->prepare("DELETE FROM `preco_estado` WHERE id = ?"); if($DeletProd->execute(array($id))){ die(json_encode(array('excluiu' => 'sim','idList' => $id))); }else{ die(json_encode(array('excluiu' => 'nao'))); } }else{ die(json_encode(array('erro' => 'sim'))); } ?> E O HTML <tr id="consu_<?php echo $finalization->id; ?>"> <td><?php echo $finalization->id; ?></td> <td><?php echo $finalization->estado; ?></td> <td><span class="badge bg-light-blue">R$ <?php echo number_format($finalization->preco,2,',','.'); ?></span></td> <td><div class="extList" id="<?php echo $finalization->id;?>"><i class="fa fa-times lixo" aria-hidden="true"></i></a></td> </tr>
  4. Estou utilizando o código abaixo para acessar uma imagem com jquery: window.addEventListener('DOMContentLoaded', function (e) { var minhaimagem = document.querySelector('#id_da_minha_imagem'); minhaimagem.addEventListener('click', function (e) { alert('Voce clicou na imagem'); }, false); }, false); O código acima funciona perfeitamente quando a imagem está fora de um Gridview. Minha dúvida é: Como faço para acessar uma imagem que está dentro de um Gridview em um EditItemTemplate?? Pelo que pesquisei na net o código acima não funciona porque o elemento ainda não existe no momento do document.ready. Não tenho experiência com jquery. Existe um jeito de contornar esta situação?? Desde já agradeço!
  5. É o seguinte: Num projeto aqui venho a receber vários entradas do banco de dados. Normalmente usaria <table> para exibir esses resultados. Mas nessa em questão decidir exibir cada resultado referente em linhas, e no design responsivo apenas exibir uma linha de cada resultado e criar um botão para abrir uma caixa com os dados em questão. Vamos a simulação que fiz como deve funcionar o negócio: Nessa simulação temos 10 linhas geradas, digamos que seja o resultado de um loop gerado a partir de dados obtidos. Em cada linha tem um botão para exibir todo contudo daquela tabela do banco em vigor. Muito bem vamos a dúvida: Como eu faço para manipular o bloco de exibição de resultados que abre para cima (essa direção deve ser a padrão) de forma que se não houver espaço em tela para cima, o bloco seja seja exibido para baixo? Que é possível fazer é, um exemplo é o próprio fórum aqui que usa isso ao se levar o mouse em cima de um tópico na lista um bloco aparece com os dados do post, mas se não houver espaço em tela para uma direção o mesmo bloco é reposicionado. Em outras palavras o que quero fazer é a mesma coisa.
  6. Boa noite pessoal. Estou com problema na logica da .animate de meu banner, quero q as imagens entre umas atras da outra, e não q ele fique atras como esta, quero q ela ganhe esse feito na hora q eu clico no botão, quanto para a esquerda, quanto para a direita, tipo slide mesmo, já quebrei a cabeça e n consigo, se alguém puder me ajuda , agradeço desde ja. segue meu jquery: $(document).ready(function(){ //Clique do botão esquerda $('#esquerda').click(function(){ var largura_div_container = $('#banners').width(); var qtde_imagens = $('#banners img').length; $('#banners img').each(function(){ var zindex = parseInt($(this).css('z-index'))+1; $(this).css('z-index', zindex); if (qtde_imagens == (zindex-1)) { $(this).animate({ 'left' : '-'+largura_div_container+'px' }, 1500, function() { $(this).css({ 'z-index': '1', 'left': '0px' }); }); } }); }); $('#direita').click(function(){ var largura_div_container = $('#banners').width(); var qtde_imagens = $('#banners img').length; $('#banners img').each(function(){ var zindex = parseInt($(this).css('z-index'))+1; $(this).css('z-index', zindex); if (qtde_imagens == (zindex-1)) { $(this).animate({ 'left' : largura_div_container+'px' }, 1500, function() { $(this).css({ 'z-index': '1', 'left': '0px' }); }); } }); }); }); </script> index.html
  7. Ola Pessoal, Alguém tem alguma ideia de como deixar a linha da table selecionada após alguma alteração? exemplo: Gostaria de após selecionar a linha e fazer a alteração do item, quando voltar a exibir os dados na table o item que eu selecionei para alteração permanecesse em destaque, selecionado segue abaixo um pequeno trecho do código: jquery que adiciona a CSS na linha selecionada: $(document).ready( function() { $('#teste tr:not(.vMarcador)').click( function() { $('input:radio', this).attr('checked',true); $("tr").removeClass("destacaLinha-teste"); $(this).addClass("destacaLinha-teste"); } ); } ); CSS que destaca a linha selecionada: <style> #teste th { background-color:#D9EDF7; font-weight:bold; } .destacaLinha-teste { background-color:#CFF; font-weight:bold; } </style> Trecho da table <tr style="cursor:pointer;"> <td style="display:none;"><input type="radio" name="vLinhaSelecionada" id="vLinhaSelecionada"></td> <td style="text-align:left;">CAMPO1</td> <td style="text-align:left;">CAMPO2</td> </tr>
  8. leonardo2334

    Star Rating PHP JQUERY MYSQL

    0votar contrafavorita boa tarde pessoal preciso de uma ajuda consegui fazer o sistema de star rating porem eu queria que o voto fosse mostrado na tela ou seja guardado na estrela para ela ficar preenchida conforme os votos alguém poderia me ajuda aqui esta meu código: essa e a pagina que estão as estrelas: <script> $(document).ready(function () { $(".vote #stars").click(function () { $.post('rating.php',{rate:$(this).val()},function(d){ if(d>0) { alert('Seu voto Ja foi confirmado'); }else{ alert('Obrigado por Votar'); } }); $(this).attr("checked"); }); }); </script> <div class="vote"> <label> <input id="stars" type="radio" name="fb" value="1" /> <i class="fa" id="fa"></i> </label> <label> <input id="stars" type="radio" name="fb" value="2" /> <i class="fa" id="fa"></i> </label> <label> <input id="stars" type="radio" name="fb" value="3" /> <i class="fa" id="fa"></i> </label> <label> <input id="stars" type="radio" name="fb" value="4" /> <i class="fa" id="fa"></i> </label> <label> <input id="stars" type="radio" name="fb" value="5" /> <i class="fa" id="fa"></i> </label> </div> aqui o script para o hover nas estrelas e marcar elas como actives $('.vote label i.fa').on('click mouseover',function(){ // remove classe ativa de todas as estrelas $('.vote label i.fa').removeClass('active'); // pegar o valor do input da estrela clicada var val = $(this).prev('input').val(); //percorrer todas as estrelas $('.vote label i.fa').each(function(){ /* checar de o valor clicado é menor ou igual do input atual * se sim, adicionar classe active */ var $input = $(this).prev('input'); if($input.val() <= val){ $(this).addClass('active'); } }); $("#voto").html(val); // somente para teste }); //Ao sair da div vote $('.vote').mouseleave(function(){ //pegar o valor clicado var val = $(this).find('input:checked').val(); //se nenhum foi clicado remover classe de todos if(val == undefined ){ $('.vote label i.fa').removeClass('active'); } else { //percorrer todas as estrelas $('.vote label i.fa').each(function(){ /* Testar o input atual do laço com o valor clicado * se maior, remover classe, senão adicionar classe */ var $input = $(this).prev('input'); if($input.val() > val){ $(this).removeClass('active'); } else { $(this).addClass('active'); } }); } $("#voto").html(val); // somente para teste }); e esta e a pagina rating em php eu queria que o usuário pudesse votar mais de uma vez nela mas não estou conseguindo obs. essa parte do banco em php eu fiz seguindo um tutorial em inglês e estou tentando fazer ele não bloquear o voto para somente uma pessoa se alguém souber o erro aqui e me ajudar agradeço também. <?php $ipaddress = md5($_SERVER['REMOTE_ADDR']); // here I am taking IP as UniqueID but you can have user_id from Database or SESSION $servername = "localhost"; // Server details $username = "root"; $password = ""; $dbname = "filmes"; $conn = new mysqli($servername, $username, $password, $dbname); if ($conn->connect_error) { die("Unable to connect Server: " . $conn->connect_error); } if (isset($_POST['rate']) && !empty($_POST['rate'])) { $rate = $conn->real_escape_string($_POST['rate']); // check if user has already rated $sql = "SELECT `id` FROM `tbl_rating` WHERE `user_id`='" . $ipaddress . "'"; $result = $conn->query($sql); $row = $result->fetch_assoc(); if ($result->num_rows > 0) { echo $row['id']; } else { $sql = "INSERT INTO `tbl_rating` ( `rate`, `user_id`) VALUES ('" . $rate . "', '" . $ipaddress . "'); "; if (mysqli_query($conn, $sql)) { echo "0"; } } } $conn->close(); ?>
×

Important Information

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