Ir ao conteúdo
  • Comunicados

    • Gabriel Torres

      Seja um moderador do Clube do Hardware!   12-02-2016

      Prezados membros do Clube do Hardware, Está aberto o processo de seleção de novos moderadores para diversos setores ou áreas do Clube do Hardware. Os requisitos são:   Pelo menos 500 posts e um ano de cadastro; Boa frequência de participação; Ser respeitoso, cordial e educado com os demais membros; Ter bom nível de português; Ter razoável conhecimento da área em que pretende atuar; Saber trabalhar em equipe (com os moderadores, coordenadores e administradores).   Os interessados deverão enviar uma mensagem privada para o usuário @Equipe Clube do Hardware com o título "Candidato a moderador". A mensagem deverá conter respostas às perguntas abaixo:   Qual o seu nome completo? Qual sua data de nascimento? Qual sua formação/profissão? Já atuou como moderador em algo outro fórum, se sim, qual? De forma sucinta, explique o porquê de querer ser moderador do fórum e conte-nos um pouco sobre você.   OBS: Não se trata de função remunerada. Todos que fazem parte do staff são voluntários.

Pesquisar na Comunidade

Mostrando resultados para as tags ''JQuery''.



Mais opções de pesquisa

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Categorias

  • Armazenamento
  • Áudio
  • Energia
  • Entrada
  • Feiras e Eventos
  • Gabinetes
  • Memória
  • Museu
  • Placas-mãe
  • Portáteis
  • Processadores
  • Programas
  • Rádio CdH
  • Redes
  • Refrigeração
  • Smartphones
  • Tablets
  • Vídeo
  • Outros

Categorias

  • Blog

Categorias

  • Armazenamento
  • Áudio
  • Câmeras
  • Computadores
  • Consoles
  • Eletrônicos
  • Energia
  • Entrada
  • Gabinetes
  • Impressão
  • Jogos
  • Memória
  • Placas-mãe
  • Portáteis
  • Processadores
  • Programas
  • Redes
  • Refrigeração
  • Smartphones
  • Tablets
  • Vídeo
  • Outros

Categorias

  • Livros disponíveis
  • Livros esgotados

Categorias

  • Cursos

Fóruns

  • Mensagens do Clube do Hardware
    • Regras gerais
    • Boletins do Clube do Hardware
    • Notícias da administração
  • Hardware
    • Recomendações de computadores
    • Placas de vídeo
    • Placas-mãe e chipsets
    • Processadores
    • Problemas de gargalo e desempenho
    • Memórias
    • Armazenamento
    • Refrigeração e superaquecimento
    • Fontes e energia
    • Gabinetes e casemods
    • Placas de som e áudio on-board
    • Periféricos
    • Mac
    • Overclock
    • Hardware - outros
  • Computação móvel
    • Notebooks
    • Tablets
    • Smartphones e apps
  • Redes e Internet
    • Redes e Internet
    • Hospedagem de sites e registro de domínios
  • Segurança da informação
    • Remoção de malware
    • Dúvidas sobre invasões e infecções
    • Programas de proteção
  • Programação e desenvolvimento
    • Java
    • C/C#/C++
    • Pascal/Delphi
    • .NET
    • Bancos de dados
    • Programação web
    • Programação - iniciantes
    • Programação de microcontroladores
    • Programação - outros
  • Software
    • Jogos
    • Pacotes de escritório
    • Computação distribuída (Folding@Home, Bitcoin etc.)
    • Virtualização
    • Design, animação e tratamento de imagens
    • Edição de áudio e vídeo
    • Programas
  • Sistemas Operacionais
    • Recomendação de sistemas operacionais
    • Windows
    • GNU/Linux, BSD, Unix-like e software livre
    • Mac OS
  • Eletrônicos
    • Equipamentos de som, home theaters e gravadores de mesa
    • Televisores e projetores
    • Câmeras e filmadoras
    • Players portáteis
    • Consoles (videogames)
    • GPS
    • Telefonia fixa
    • Eletrônica
    • Retrocomputação
  • Outros
    • Recomendações de serviços e lojas
    • Preços e promoções
    • Notícias
    • Bolsa de empregos, certificações e mercado de trabalho
    • "Causos"
    • Encontros de usuários
    • Feira do Rolo
  • Clube do Hardware
    • Comentários, elogios, críticas, sugestões e questões sobre o Clube do Hardware
    • Comentários de artigos
    • Fórum para testes de funcionalidades

Categorias

  • Hardware
  • Redes
  • Eletrônica
  • Sistemas operacionais

Encontrado 24 registros

  1. Fala galera, estou com um formulário e ao apertar o submit ele está sendo enviado, sendo que não gostaria que acontecesse isso, pois estou dando return false; quais possiveis soluções? Meu jquery e html respectivamente $('form#form1').submit(function(){ var nome = $('input[name=nome]').val(); var telefone = $('input[name=telefone').val(); var email = $('input[name=email]').val(); if(nome.split(' ').length >= 2){ console.log('temos pelo menos 1 espaço'); } return false; //Se chegoú até o final, é porque está tudo ok; }); <div class="bg"> <div class="form" id="form1"> <form> <input type="text" name="nome" placeholder="Nome completo"> <input type="text" name="telefone" placeholder="telefone"> <input type="text" name="email" placeholder="Email*"> <input type="submit" name="acao" value="cadastrar"> </form> </div> </div>
  2. Ola gostaria de saber meu código esta errado, fiz uma requisição com o banco e esta voltando correto os resultado, porém gostaria de mostrar um gif de loading enquanto faz a requisição, porém não esta aparecendo, e pelo que eu vi atualmente com a versão do jquery usa-se always() pra fazer isso ou nao ? $(".style_cliente input").blur(function(){ var client = $(this).val(); $.ajax({ url: 'dados.php', method: 'POST', data:{nClient:client,client:"pesquisar"} }).always(function(){ $(".teste_gif").css({display:'block'}); }).done(function(result){ dados = result.split("/"); $(".teste_gif").css({display:'none'}); $(".teste").text(result); $(".style_end input").val(dados[0]); $(".style_reg input").val(dados[1]); }).fail(function(result){ $(".style_moto").html(result); }); });
  3. Prezados, boa tarde!! tenho um site e preciso exibir alguns videos, mais eles estão divididos em varias partes, os arquivos foram quebrados com php em tamanhos exatos de 1.8mb. Minha hospedagem tem espaço em disco e transferencia ilimidada, mais em contra partida tenho restrição no tamanho do arquivo que nao pode passar de 2mb, e sabemos que a maioria dos videos passam muito disso. então preciso de uma forma de carregar um arquivo em um player html5 mesmo ele estando divido em 10 partes de 2mb no meu servidor. Eu poderia juntar as partes com php mais forçaria muito processamernto memoria que tenho pouco dmais. então preciso de ajuda e sugestao. muito obrigado...
  4. Pessoal, subi meu site no Umbler até então sem problemas e estou verificando todas as funcionalidades. Estou rodando no PHP 5.5 mas posso alterar as variáveis para 7.0 No campo de contato, está dando um erro estranho onde não descubro o local ou a variável de retorno do erro No alert de retorno, aparece assim quanto se clica no botão enviar mas sem dados. <script>alert('Valid');</script><script>alert('Valid');</script>O E-mail informado é invalido. 03 a Frase O E-mail informado é invalido. 03 está OK, mas de onde vem o código isso não acho nem com reza brava. Segue minha pagina HTML <!DOCTYPE HTML> <!-- Astral by HTML5 UP html5up.net | @ajlkn Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) --> <html> <head> <title>Home .:Fast Coffee Comércio e Locação Ltda :.</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]--> <link rel="stylesheet" href="assets/css/main.css" /> <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript> <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> //Quando o documento estiver pronto $(document).ready(function(){ /* variável que armazena a identidicação do botão Se usar class troque para $(".btn_enviar") */ var btn = $("#btn_enviar"); //Atribuimos o evento de click no botão btn.on("click", function(){ var dados = $("#form_envio").serialize(); $.trim(dados); //chama a função ajax() $.ajax({ url: "contactMail.php", datatype: "HTML", method: "POST", data: dados }).done(function(retorno){ window.alert(retorno+" 03"); }).fail(function(retorno){ window.alert(retorno+"037"); }); }); }); </script> <script language="JavaScript" > window.onload = function() { document.onkeydown = function(e) { var code = e.keyCode || e.which; if(e.ctrlKey && (code == 80 || code == 112 || code==83)) { e.preventDefault && e.preventDefault(); return false; } } } </script> </head> <link rel = "shortcut icon" type = "image / x-icon" href = "favicon/favicon.ico"/> <body onselectstart="return false" oncontextmenu="return false" ondragstart="return false" onMouseOver="window.status='..message perso .. '; return true;"> <!-- Wrapper--> <div id="wrapper"> <!-- Nav --> <nav id="nav"> <a href="#me" onclick="document.title='Home .:Fast Coffee Comércio e Locação Ltda :.'" class="icon fa-home active"><span>Home</span></a> <a href="#work" onclick="document.title='Produtos .:Fast Coffee Comércio e Locação Ltda :.'" class="icon fa-folder"><span>Produtos</span></a> <a href="#contact" onclick="document.title='Contato .:Fast Coffee Comércio e Locação Ltda :.'" class="icon fa-envelope"><span>Contato</span></a> <a href="#"><span> </span></a> <!--class="icon fa-twitter"--> </nav> <!-- Main --> <div id="main"> <!-- Me --> <article id="me" class="panel"> <header> <h1>Fast Coffee Comercio</h1> <p>Cafés Especiais e Máquinas</p> </header> <a href="#work" class="jumplink pic"> <span class="arrow icon fa-chevron-right"><span>See my work</span></span> <img src="images/me.jpg" alt="" /> </a> </article> <!-- Work --> <article id="work" class="panel"> <header> <h2>Produtos & Serviços</h2> </header> <p> Atuando desde o ano de 2000, a Fast Coffee, dispõe de uma linha completa de cafés finos, tanto expresso quanto moído. Produzidos com certificação de qualidade e beneficiados diretamente da fazenda para o mercado. Possuimos também outros suprimentos como solúveis, descartáveis, açucares e adoçantes. Além de prestarmos serviços como locação e venda de máquinas automaticas para café e assistência tecnica. </p> <section> <div class="row"> <div class="4u 12u$(mobile)"> <a class="image fit"><img src="images/pic001.jpg" alt="" width="260" height="329"></a> </div> <div class="4u 12u$(mobile)"> <a class="image fit"><img src="images/pic002.jpg" alt="" width="260" height="329"></a> </div> <div class="4u$ 12u$(mobile)"> <a class="image fit"><img src="images/pic003.jpg" alt="" width="260" height="329"></a> </div> <div class="4u 12u$(mobile)"> <a class="image fit"><img src="images/pic004.jpeg" alt="" width="260" height="329"></a> </div> <div class="4u 12u$(mobile)"> <a class="image fit"><img src="images/pic005.png" alt="" width="260" height="329"></a> </div> <div class="4u$ 12u$(mobile)"> <a class="image fit"><img src="images/pic006.jpg" alt="" width="260" height="329"></a> </div> <div class="4u 12u$(mobile)"> <a class="image fit"><img src="images/pic007.jpg" alt="" width="260" height="329"></a> </div> <div class="4u 12u$(mobile)"> <a class="image fit"><img src="images/pic008.jpg" alt="" width="260" height="329"></a> </div> <div class="4u$ 12u$(mobile)"> <a class="image fit"><img src="images/pic009.jpg" alt="" width="260" height="329"></a> </div> <div class="4u 12u$(mobile)"> <a class="image fit"><img src="images/pic010.jpg" alt="" width="260" height="329"></a> </div> <div class="4u 12u$(mobile)"> <a class="image fit"><img src="images/pic011.jpg" alt="" width="260" height="329"></a> </div> <div class="4u$ 12u$(mobile)"> <a class="image fit"><img src="images/pic012.jpg" alt="" width="260" height="329"></a> </div> </div> </section> </article> <!-- Contact --> <article id="contact" class="panel"> <header> <h2>Fale Conosco</h2> <p> Nossos Telefones <br /> Tel: (11) 5579 1841 <br /> Tel: (11) 5549 2121 </p> </header> <form name="contatc" id="form_envio" accept-charset="ISO-8859-1" method="POST"> <!--action="contactMail.php " --> <div> <div class="row"> <div class="6u 12u$(mobile)"> <input type="text" name="name" placeholder="Nome" autocomplete="off" /> </div> <div class="6u$ 12u$(mobile)"> <input type="text" name="email" placeholder="Email" autocomplete="off" /> </div> <div class="12u$"> <input type="text" name="subject" placeholder="Assunto" autocomplete="off"/> </div> <div class="12u$"> <textarea name="message" placeholder="Mensagem" rows="8"></textarea> </div> <div class="12u$"> <input type="submit" id="btn_enviar" value="Enviar" /> </div> </div> </div> </form> </article> </div> <!-- Footer --> <div id="footer"> <ul class="copyright"> <li>&copy; Fast Coffee.</li><li>Design: <a href="http://fastcoffee.com.br">Fast Coffee Ltda</a></li> </ul> </div> </div> <!-- Scripts --> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/skel.min.js"></script> <script src="assets/js/skel-viewport.min.js"></script> <script src="assets/js/util.js"></script> <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]--> <script src="assets/js/main.js"></script> </body> </html> e a minha pagina PHP de envio de e-mail: <?php // Inclui o arquivo class.phpmailer.php localizado na pasta phpmailer require_once("servletPHP/class.phpmailer.php"); require_once("servletPHP/class.smtp.php"); define('GUSER', 'contato.fastcoffee@gmail.com'); // <-- Insira aqui o seu GMail define('GPWD', 'fast**02'); // <-- Insira aqui a senha do seu GMail function smtpmailer() { global $error; global $htmlbody; $para="comercial@fastcoffee.com.br"; $mail = new PHPMailer(true); $mail->IsSMTP(); // Ativar SMTP $mail->SMTPDebug = 1; // Debugar: 1 = erros e mensagens, 2 = mensagens apenas $mail->SMTPAuth = true; // Autenticação ativada $mail->SMTPSecure = 'ssl'; // SSL REQUERIDO pelo GMail $mail->Host = 'smtp.gmail.com'; // SMTP utilizado $mail->Port = 465; // A porta 587 deverá estar aberta em seu servidor $mail->Username = GUSER; $mail->Password = GPWD; $mail->CharSet = "UTF-8"; date_default_timezone_set('America/Sao_Paulo'); $mail->Subject = "Contato Via Website ".date("d/m/y")." ".date("h:i"); $mail->SetFrom($_POST['email'],$_POST['name']); $mail->AddReplyTo($_POST['email'], $_POST['name']); $mail->Sender=$_POST['email']; $mail->AddAddress($para); $mail->isHTML(true); $mail->CharSet = 'ISO-8859-1'; $htmlbody=""; $htmlbody.='<table>'; $htmlbody.='<tr>'; $htmlbody.='<td width="80px"> </td>'; $htmlbody.=' <td width="84%" align="left" valign="top"><p><font style="font-family: Georgia, Times, serif; color:#010101; font-size:24px"><strong><em>Contato Website,</em></strong></font><br/>'; $htmlbody.='</p>'; $htmlbody.='<p><font style="font-family: Verdana, Geneva, sans-serif; color:#666766; font-size:13px; line-height:21px">Nome:'.$_POST['name'].'</font></p>'; $htmlbody.='<p><font style="font-family: Verdana, Geneva, sans-serif; color:#666766; font-size:13px; line-height:21px">Email:'.$_POST['email'].'</font></p>'; $htmlbody.=' <p><font style="font-family: Verdana, Geneva, sans-serif; color:#666766; font-size:13px; line-height:21px">Assunto:'.$_POST['subject'].'</font></p>'; $htmlbody.='<p><font style="font-family: Georgia, Times, serif; color: #010101; font-size: 16px"><strong><em>Enviou a seguinte mensagem,</em></strong></font></p>'; $htmlbody.='<p><font style="font-family: Verdana, Geneva, sans-serif; color:#666766; font-size:13px; line-height:21px"> ......'.$_POST['message'].'<br/>'; $htmlbody.='<br/>'; $htmlbody.='</font></p></td>'; $htmlbody.='<td width="8%"> </td>'; $htmlbody.='</tr>'; $htmlbody.='<tr>'; $htmlbody.='<td> </td>'; $htmlbody.='</tr>'; $htmlbody.='</table>'; $mail->MsgHTML($htmlbody); if(!$mail->Send()) { $error = 'Mail error: '.$mail->ErrorInfo; return false; } else { $error = 'Mensagem enviada!'; return true; } } function validaemail() { $_mail=$_POST['email']; //verifica se e-mail esta no formato correto de escrita if (!ereg('^([a-zA-Z0-9.-])*([@])([a-z0-9]).([a-z]{2,3})',$_mail)) { $mensagem='E-mail Invalido!'; return $mensagem; } else { //Valida o dominio $dominio=explode('@',$_mail); if(!checkdnsrr($dominio[1],'A')) { $mensagem='E-mail Invalido!'; return $mensagem; } else { return true; // Retorno true para indicar que o e-mail é valido } } } // $name = trim($_POST['name']); $sub=trim($_POST['subject']); $mess =trim($_POST['message']); if(validaemail()=='1' or validaemail()==1) { $mail = trim($_POST['email']); if(smtpmailer()==1) { echo "Obrigado! Foi enviado corretamente"; } else { echo "Erro no envio do e-mail!"; } //if (!empty($error)) echo $error; } else { echo "O E-mail informado é invalido."; } ?>
  5. Boa noite, pessoal. Estou criando um sistema de notificação, ele já funciona, mas minha preocupação é em relação ao peso que isso terá, caso queiram ver meu código, ai está: Ele inicia aqui: var ver = function(){ verNotificacao(); }; setInterval(ver, 1000); //o intervalo poderia variar até 5000, talvez até mais durante o intervalo, ele estará chamando o seguinte processo: function verNotificacao(){ var notificacao = $.ajax({ type: "POST", dataType: "html", url: "class/chamar.php", data:{notificacao:1} }); notificacao.done(function(retorno){ $('#notificacao').html(retorno); }); } Aqui está o arquivo chamar.php (ele seria o controller): if(isset($_POST['notificacao'])):$basico->notificacao();endif; E aqui ele executa o método solicitado pelo chamar.php e retorna os valores, caso tenha alguma notificação: public function notificacao(){ // Notificação das mensagens if(isset($_SESSION['id']) && $_SESSION['admin'] == 1) $sql = "SELECT nome, sobrenome, mensagem, foto, id_chat FROM chat_usu LEFT JOIN chat ON chat.chat = chat_usu.usu_chat LEFT JOIN usuarios ON chat.id_usuario = usuarios.id_usu WHERE bol_notifica = 1 AND bol_tipo = 0 ORDER BY id_chat ASC"; elseif(isset($_SESSION['id']) && $_SESSION['admin'] == 0) $sql = "SELECT nome, sobrenome, mensagem, foto, id_chat FROM chat_usu LEFT JOIN chat ON chat.chat = chat_usu.usu_chat LEFT JOIN usuarios ON chat.id_usuario = usuarios.id_usu WHERE bol_notifica = 1 AND bol_tipo = 1 AND id_dono = {$_SESSION['id']} ORDER BY id_chat ASC"; else $sql = "SELECT nome, sobrenome, mensagem, foto, id_chat FROM chat_usu LEFT JOIN chat ON chat.chat = chat_usu.usu_chat LEFT JOIN usuarios ON chat.id_usuario = usuarios.id_usu WHERE bol_notifica = 1 AND bol_tipo = 1 AND id_dono = '{$_SERVER['REMOTE_ADDR']}' ORDER BY id_chat ASC"; $notifica = $this->executar($sql); foreach ($notifica as $tudo){?> <script type="text/javascript"> //Aqui ele chama o primeiro código que passei, ele gera a notificação notificacao('<?=$tudo['nome'];?> <?=$tudo['sobrenome'];?>', '<?=$tudo['mensagem'];?>', '<?php if($tudo['foto'] != null) echo $tudo['foto']; else echo 'images/services/services1.png'; ?>'); </script> <?php $this->attNotificacao($tudo['id_chat']); } } public function attNotificacao($id){ // Atualizador de notificação $sql = "UPDATE chat SET bol_notifica = 0 WHERE id_chat = {$id}"; $this->executar($sql); } Minha dúvida é a seguinte: Executando todo esse código com o intervalo entre 1 a 5 segundos seria muito pesado ? Isso poderia gerar alguns problemas ? Eu não tenho muita noção do peso que o ajax gera, por isso sempre fico com receio de exagerar nele, vale lembrar que eu tenho outras execuções que serão feitas nas páginas, e todas as páginas do site vão executar o código acima, porém só esse código terá um setInterval(). Estou também aceitando sugestões, caso tenham alguma forma melhor de fazer algo que gere notificação. Desde já, agradeço pela ajuda!
  6. Minha dúvida é: como posso colocar para pesquisar o título e/ou classificação? No caso, como realizar essa função exibeDados? (Segue meu código abaixo) <html> <head> <meta charset="utf-8" /> <script src="js/jquery.min.js"></script> <script src="biblioteca.js"></script> <script> $(function() { $("#btn").click(exibeDados); $("#btn2").click(function() { apagaTudo(); }); armazenaDados(); }); function armazenaDados() { x = biblioteca.length; for (i = 0; i < x; i++) { $("#relatorio").append("<tr><td>" + biblioteca[i].livro.titulo + "</td><td class='classe1'>" + biblioteca[i].livro.cod + "</td><td class='classe1'>" + biblioteca[i].livro.autor + "</td><td class='classe1'>" + biblioteca[i].livro.edicao + "</td><td>" + biblioteca[i].livro.ano_publi + "</td><td class='classe1'>" + biblioteca[i].livro.local_publi + "</td><td class='classe1'>" + biblioteca[i].livro.editora + "</td><td class='classe1'>" + biblioteca[i].livro.classificacao + "</td><td class='classe2'>" + biblioteca[i].livro.assunto + "</td></tr>");; } } function apagaTudo() { $("#relatorio").html(""); } </script> </head> <body> <h2 class="titulo">BIBLIOTECA</h2> <div class="container"> <form action="" name="registration"> Título: <input type="text" name="titulo" class="input-search" id="id_titulo" placeholder="Digite o Título do livro" autofocus><br><br> Assunto: <input type="text" name="classificacao" id="id_classificacao" placeholder="Gênero do Livro"><br><br>Classificação: <input type="text" name="classificacao" id="id_classificacao" placeholder="Classificação indicativa"> <br><br> <input type="button" value="Pesquisar" id="btn"> <input type="button" value="Apagar" id="btn2"> </form> </div> <table border='1' id="relatorio"> <th>TÍTULO</th> <th>CÓDIGO</th> <th>AUTOR</th> <th>EDIÇÃO</th> <th>ANO DE PUBLICAÇÃO</th> <th>LOCAL DE PUBLICAÇÃO</th> <th>EDITORA</th> <th>CLASSIFICAÇÃO</th> <th>ASSUNTO</th> </table> </body> </html> Não estou conseguindo...
  7. Bom dia, Não entendo muito de programação, não sei se o problema é javacript ou jquery, desculpe se selecionei errado. Está ocorrendo um erro com uma biblioteca do jquery acredito, chamada smoothscroll para rolagem onepage. No firefox funciona perfeitamente, mas no chrome apesar de há alguns dias atrás funcionar, agora não funciona mais. Infelizmente não há nenhum código para postar, mas acredito que não seja nenhum erro no código porque funciona perfeitamente em outros navegadores, a não ser que eu poste o arquivo js, mas não sei se é permitido. Acredito que possa ser alguma linha de código que pode ser colocado para resolver o problema, como existe para alguns problema com o I.E. Sabem alguma coisa a respeito disso? Obrigado
  8. como eu consigo fazer isso? Tenho o seguinte código com o objetivo de adicionar propriedades ao `@keyframe tocaSlide` $("<style> @keyframes tocaSlide").html(texto); A variável texto tem o seguinte conteúdo '0%' : { 'margin-left':'-0%'}, '25%' : { 'margin-left':'-0%'}, '30%' : { 'margin-left':'-100%'}, '50%' :{ 'margin-left':'-100%'}, '55%' : { 'margin-left':'-200%'}, '75%' : { 'margin-left':'-200%'}, '80%' : { 'margin-left':'-300%'}, '100%' : { 'margin-left':'-300%'} ficou assim: texto = "'0%' : { 'margin-left':'-0%'},"; texto += "'25%' : { 'margin-left':'-0%'},"; texto += "'30%' : { 'margin-left':'-100%'},"; texto += "'50%' :{ 'margin-left':'-100%'},"; texto += "'55%' : { 'margin-left':'-200%'},"; texto += "'75%' : { 'margin-left':'-200%'},"; texto += "'80%' : { 'margin-left':'-300%'},"; texto += "'100%' : { 'margin-left':'-300%'}"; Nenhum erro no console mas o @keyframe não está recebendo o html Também tentei com: var supportedFlag = $.keyframe.isSupported(); $.keyframe.define([{ name: 'tocaSlide', texto }]); Mas também não funcionou. e uma nova tentativa: $("div.slider ul.slide").playKeyframe( texto ); Também não funcionou. Alguém pode me ajudar
  9. E aí gurizada, beleza? Alguém sabe como faz para setar a página fullscreen com jquery sem plugins?
  10. Ola pessoal, É o seguinte galera tenho uma tabela de dados como vocês podem ver abaixo, nela tem o ícone de um olho, do qual quando clicado faz um direcionamento para uma outra pagina passando o "id" do arquivo via url e dando um update na linha do arquivo, modificando um campo de zero para um, logo após feito isto volta para a pagina da tabela e muda olho de azul para vermelho e vice versa, até ai tudo bem, meu problema é o seguinte eu queria fazer exatamente este processo só que sem executar o refresh na página de modo que quando clicado ele fizesse o update e mudasse a cor do ícone sem a necessidade de atualizar a página, alguém saberia de que forma posso fazer isto ?
  11. Boa noite, pessoal. Eu atualmente estou usando a seguinte estrutura para desenvolver minhas aplicações: jQuery para fazer a requisição: function slide(){ $.post('class/chamar.php', {slides:1}) .done(function(){ $('#main-slider').html('Carregando os slides, aguarde!'); }).fail(function(){ $('#main-slider').html(''); }).always(function(retorno){ $('#main-slider').html(retorno); }); } Eu usei a seguinte lógica pra isso ... Eu tenho a função slide, ela será responsável para carregar os slides na index, ela envia para "class/chamar.php" um $_POST chamado "slides", e printa na id "main-slider" o retorno. Quando chega no arquivo chamar.php tenho o seguinte: if(isset($_POST['slides'])) $basico->slides(); Após verificar se slides existe, ele afirma que é a solicitação, e então chama o método da classe que está armazenado em "$basico", faz todo o processo e retorna os dados para o jQuery no ".always". A minha dúvida é a seguinte: Isso em grande escala seria algo ruim ? Seria muito peso pra carregar ? Existe alguma forma melhor de programar ?
  12. Oi! Quero criar um site colaborativo que tenha um livro, onde as pessoas possam digitar e aparecer no livro com letra manuscrita simultaneamente ou com um simples enter/enviar mensagem. Como espero que muitas pessoas escrevam, quero que o caderno vire as páginas e tenha o formato de um livro. É como se fosse um catálogo virtual com edição de texto do usuário. A minha dificuldade está sendo encontrar este material pronto ou desenvolvê-lo, pois nem sei em qual plataforma ou como poderia fazê-lo. O meu plano para o site é legal, mas só revelarei do que se trata exatamente quando o concluir. Vocês podem me ajudar?
  13. E aí gurizada, beleza? É o seguinte, tenho um método ajax que retorna um json, o problema é que esse ajax não é executado em dispositivos móveis. Sempre me retorna fail, contudo, no pc, tudo acontece normalmente. jQuery.ajax({ url: url, method: "get", dataType: "json" }).done(function(retorno){ for(var i = 0; i < retorno.myArrayList.length; i++) { if(retorno.myArrayList[i].map.status == 1) { retorno.myArrayList[i].map.status = "Aberta" } else if(retorno.myArrayList[i].map.status == 2) { retorno.myArrayList[i].map.status = "Paga" } else { retorno.myArrayList[i].map.status = "Cancelada" } linha += '<tr>'; linha += '<td>' + retorno.myArrayList[i].map.nomePaciente + '</td>'; linha += '<td><a href="'+ retorno.myArrayList[i].map.idFatura + '" data-fatura="' + retorno.myArrayList[i].map.idFatura + '">' + retorno.myArrayList[i].map.nomeFatura + '</a></td>'; linha += '<td>' + retorno.myArrayList[i].map.valorFatura.toLocaleString('pt-br',{style: 'currency', currency: 'BRL'}) + '</td>'; linha += '<td>' + retorno.myArrayList[i].map.vencimento + '</td>'; linha += '<td>' + retorno.myArrayList[i].map.dataPagamento + '</td>'; linha += '<td>' + retorno.myArrayList[i].map.status + '</td>'; linha += '</tr>'; totalRec += retorno.myArrayList[i].map.valorFatura; } table.append(linha); retorno = ""; $(".tr-modal").text(totalRec.toLocaleString('pt-br',{style: 'currency', currency: 'BRL'})) $(".modalConta-back").fadeIn(); $(".modalConta").css("transform", "translateX(0)"); }).fail(function(){ alert(JSON.stringify(erro)); }); O erro que dá no fail é {“readyState”:0,“responseText”:“”,“status”:0,“statusText”:“error”}
  14. E aí gurizada, beleza? É o seguinte, estou tentando pegar a ordem dos elementos dentro da div em todo o evento drag. $(".ordem").droppable({ drop: function () { ordem = []; var ul = $(this).parent().find("li"); $(ul).each(function(){ ordem.push($(this).attr("data-ordem")); }) console.log(ordem[0]); } }); Eu tenho uma div, nessa div eu tenho um ul e cada li tem um atributo data-ordem. Basicamente eu preciso que quando o evento dragend aconteça, um array seja populado me informado a nova ordem dos elementos através do atributo data-ordem. Exemplificando <!-- Antes de reordenar --> <li data-ordem="1">Item 1</li> <li data-ordem="2">Item 2</li> <li data-ordem="2">Item 2</li> <!-- Saída do array seria [1,2,3] --> <!-- Depois de reordenar --> <li data-ordem="3">Item 3</li> <li data-ordem="1">Item 1</li> <li data-ordem="2">Item 2</li> <!-- Saída do array seria [3,1,2] --> Mas não é isso que acontece. No meio do each, o push do array se perde e informa uma posição nada a ver com a atual posição dos elementos.
  15. Bom... Andei pesquisando pela internet, e descobri que não é tão difícil fazer uma página de loading com Jquery. Então cheguei no seguinte código para meu site: // Executa após o documento ser carregado $(document).ready(function() { $("#loading").fadeOut("slow"); }; sendo que a <div id="loading"></div> possui todo o conteúdo dessa "página" de loading. Meu problema é: Quando o documento é carregado a div #loading desaparece, conforme era de se acontecer, mas a página continua carregando as imagens do site! Existe algo que eu possa fazer pra deixar essa div #loading visível enquanto todas as imagens do meu site não estiverem carregadas?
  16. E aí gurizada, beleza? É o seguinte, tenho uma tabela em html com vários valores. Com jquery, eu pego as informações de cada coluna a crio uma nova tr com o valor no total. Então, o total, por exemplo, ficaria R$ 256789,89. Eu gostaria que esta string gerada ficasse como R$ 256.789,89 ou R$ 26.568,90. Enfim, formatado monetariamente.
  17. E aí gurizada, beleza? É o seguinte: tenho uma div com overflow-x e gostaria de arrastar o conteúdo da div de um lado para o outro ao clicar. O mesmo efeito do scrollbar embaixo, quando clicado, pode-se arrastar, também gostaria de ser feito ao clicar diretamente na table.
  18. Bom dia pessoal, Estou quebrando a cabeça pra fazer algo que pra quem ja é da área, é muito simples, porém estou com algumas dificuldades. Postarei meu código: var crm = $("#crm"); $("#validar").on('click', function() { $("#menss").html("ENtrou click"); $.ajax({ url: '../core.php', type: 'POST', data:{"crm" : crm.val()}, success: function(result) { if(result != false){ $("#menss").html("IF"); } else { $("#menss").html("ELSE"); } } }); }); Esse acima é o script que fica abaixo do formulário. E eu envio para o core.php if (isset($_POST['crm'])) { $crm = $_POST['crm']; global $dbConnect; $query = "SELECT * FROM accounts WHERE crm='$crm'"; $resultados = mysqli_query($dbConnect, $query); if (mysqli_num_rows($resultados)>0) { echo true; } else { echo "Não existe"; return false; } } Ou seja, eu quero verificar se o dado que ele botou no input ja existe ou não. O PHP está funcionando, isso ta OK. Ele me retorna certo. O problema é que eu quero exibir esse erro no HTML, e eu não consigo. Ele entra sempre no ELSE la do AJAX. Quero exibir no span #menss abaixo. <button type="button" id="validar" class="submit-btn active" value="Validar">Validar</button> <br><span id="menss"></span> Alguem por gentileza pode me dar uma luz?
  19. E aí gurizada, beleza? É o seguinte, tenho uma div com um input file onde aparece a preview da imagem. Até aí tudo bem. Nesta mesma div tem um remover foto que remove a thumbnail mas se eu quiser adicionar nova foto, a preview não aparece. Somente dando refresh na página. <div class="form-group"> <label class="col-sm-2 control-label">Foto:</label> <div class="col-sm-3"> <div class="user-foto"> <span id="remove_foto"><i class="fa fa-times" aria-hidden="true"></i></span> <span id="user_foto"> <img id="img_user" src="" alt=""> </span> <label id="change_foto"> <i class="fa fa-2x fa-camera" aria-hidden="true"></i> <input type="file" name="filename" id="filename"> </label> </div> </div> </div> $(document).on('change', "#filename", function () { if (typeof (FileReader) != "undefined") { var reader = new FileReader(); reader.onload = function (e) { $("#img_user").attr("src", e.target.result).addClass("thumb-image"); } reader.readAsDataURL($(this)[0].files[0]); } else{ alert("Este navegador nao suporta FileReader."); } }); $(document).on("click", "#remove_foto", function() { var base = "$basePath/templates/img/no_image_user.png"; $("#img_user").attr("src", base); });
  20. E aí gurizada, beleza? É o seguinte, estou trabalhando em cima de uma tabela com informações de controle de estoque. Tenho um input que quando o usuário digita, aparece uma lista de produtos cadastrados e caso o mesmo não esteja disponível, já há a opção de cadastrá-lo. Até então funciona, contudo, o nome procurado precisa ser exato para a busca mostrar as li no modal. É praticamente o jquery ui autocomplete só que feito a mão. Não gosto de usar frameworks. O que eu preciso é somente mostrar as li que contenham tais valores digitados e as demais fiquem ocultas. Exemplo: o usuário digitou es e no array tem os seguintes itens: {espelho, espada, espingarda, carne, chimarrão, computador} Eu quero mostrar apenas as li que contenham o valor digitado, no exemplo, es. Apliquei uma classe para destacar com cor diferente os valores encontrados mas a mesma lógica não consegui aplicar para esconder as demais li. $(document).on("input", ".autocomplete-ui", function(){ var listar = $(this).val().length; var caracter = $(this).val().toLowerCase(); if(caracter != "") { $(".autocomplete li").each(function(){ var li = $(this); if($(this).html().toLowerCase().match(caracter)) { $(this).addClass("high"); } else { $(this).removeClass("high"); } }); } else { $(".autocomplete li").removeClass("high"); } if(listar >= 2) { $(".autocomplete").fadeIn(); } });
  21. Boa noite pessoal, estou com um probleminha aqui em meu site, ele esta em wordpress, ele tem uma funçao que quando voce coloca alguma coisa na pagina inicial aparece nas categorias e tags tb, tipo quero melhorar o seo dele, nao quero deixar conteudo textual duplicado, mas quando eu coloco alguma div com paragrafos o mesmo e colocado nas categorias e tags, quero que o que eu coloque na pagina inicial fique apenas na pagina inicial, nao manjo de php, mas tenho um medio conhecimento sobre javascript, ai eu tentei resolver com esse script logo abaixo informando se o h2 for diferente do informado exclua a div informada mas n funciono , gostaria de saber se com jquery consigo resolver isso, ou se tem algum outro modo de resolver? Os links do head do site dos arquivos que estão na pasta raiz do site no servidor onde fica o index. <script type="text/javascript" src="jquery-3.2.1.min"></script> <script type="text/javascript" src="script-pg-inicial"></script> 'Olhem o codigo que tentei resolver mas n funciono' "Este codgo esta no arquivo script-pg-inicial.js" $(document).ready(function(){ var h2cont = $("h2").val(); if(h2cont != "texto h2 pagina inicial" ){ $("div").remove("#cont-meio") }else{h2cont = "texto h2 pagina inicial"}; });
  22. Boa Tarde Amigos (as), Preciso de uma ajudinha, tenho um form onde cadastro algumas informações e no final tenho o tempo que coloco de inicio e termino gostaria que calcula se e o resultado segui se para o campo seguinte que estará desabilitado para assim salvar no bd.
  23. E aí gurizada, beleza? Alguém sabe alguma função para retirar os acentos e caracteres especiais em jquery? Testei infinitas funções e nenhuma funcionou já que preciso que o caractere seja alterado enquanto o usuário digita. Basicamente, um textarea área e no evento input do jquery, a função é chamada substituindo, por exemplo, um á por um a.
  24. Oi. Não sei se fui claro, mas é o seguinte: Eu peguei um site pronto com um sitema de busca de imóveis. No sistema de busca, já existia um campo do tipo select onde eu posso escolher mais de um tipo de imóvel. Funciona muito bem, até aí tudo bem. Só que agora o cliente quer que os campos cidade e bairro também possa escolher mais de uma cidade e mais de uma bairro. Eu verifiquei o código e vi que a função multiselect fazia o esquema da escolha múltipla. Eu apenas copiei o código Javascript e colei abaixo do select de cidade e o select do bairro. Até que os campos cidade e bairro apresentou a opção de escolher mais de um item, mas o problema é que duplicou o campo e esse segundo não funciona. Procurei qual arquivo onde tem a função multiselect e ao achar percebi que ele está exclusivamente para o Tipo Imóvel. Precisamente tem um texto definindo ele. E ele é declarado num outro arquivo onde faz uma função para id da select. Agora estou na dúvida, faço mais 2 arquivos multiselect para campos cidade e bairro? Dá pra colocar um texto eclusivo para cada campo sem precisar de cada multiselect? Alguém pode me ajudar nisso?

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×