Ir ao conteúdo
  • Cadastre-se

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

  • 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

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
  • 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

Encontrar resultados em...

Encontrar resultados que...


Data de criação

  • Iniciar

    FIM


Última atualização

  • Iniciar

    FIM


Filtrar pelo número de...

Data de registro

  • Iniciar

    FIM


Grupo


Caixas de som

Encontrado 34 registros

  1. Boa tarde, voltei a estudar jquery, ja estou conseguindo manipular o elemento dom do meu site, mas tenho uma duvida, estou colocando uns elementos e retirando outros, quando eu vou ver esses elementos com f12 funciona tudo direitinho os que tirei e os que coloquei tudo normal, mas quando eu aperto ctrl+u para ver ele não muda la no códgo fonte, gostaria de saber como o google vai ler essa minha pagina, se ele le do modo que esta no f12 ou do modo que esta no ctrl+u?
  2. Como posso obter pelo JQuery no evento Click do botão o ID gerado dinamicamente para os Inputs? <?php for($a=0; $a < $info.length; $a++){ echo "<input type='text' id='op{$a}' value='{$info}'>"; echo "<input type='button' id='btn{$a}' value='Enviar'>"; } ?> Saída: <input type='text' id='op1' value='dado1'> <input type='button' id='btn1' value='Enviar'> <input type='text' id='op2' value='dado2'> <input type='button' id='btn2' value='Enviar'> ....até que $a atinja a condição... btn1 = pega o ID de op1 btn2 = pega o ID do op2 ...etc...
  3. Olá a todos! Estou com dificuldade em matar essa charada, por CERTAMENTE estar fazendo algo errado. Tenho uma página chamada oportunidades.php dentro dela tenho um código que pega os dados de vagas listadas de emprego(cod_vaga, titulo_vaga) e cada vaga tem um botão Enviar Curriculo. Essa parte acima funciona OK O problema reside em enviar esses dados cod_vaga, titulo_vaga, para uma outra página php (curriculo.php), via ajax. Em oportunidades.php tenho esse JQuery. /* O value de cada button que é clicado é recebido aqui em uDados com os valores da vaga */ $('#grupo button').on('click',function(e){ e.preventDefault(); var uDados = $(this).val(); $.ajax({ url : 'oportunidades.php', type : 'post', data : {info : uDados} }); $('#conteudo').load('oportunidades/curriculo.php'); /* Carrega curriculo na DIV para receber uDados*/ }); Criei uma sessão para receber a informação dos dados e passar isso para curriculo.php /* Verifica se ocorre POST */ if(!isset($_POST["info"])){ echo $erroLevel; } else { $_SESSION["codigo_vaga"] = $_POST["info"]; } Em curriculo.php uma sessão se abre para receber codigo_vaga session_start(); $vaga = $_SESSION["codigo_vaga"]; /* Esse HTML abaixo recebe o valor de $vaga */ <p class="mt-1">Candidatura a vaga: <strong><?php echo $vaga; ?></strong></p> A operação em curriculo.php não ocorre, mas é aberto o formulário de envio de currículo, porém a descrição(titulo_vaga) e o código da vaga(cod_vaga), não estão aparecendo. O que fiz de errado??? Teria um meio mais eficaz de fazer isso??? Pois tentei fazer enviando diretamente via ajax/POST para curriculo.php e também não tive êxito.
  4. Estou a criar um sistema que possibilita alterar a password do utilizador. Estou usando nodejs, express e mysql, e se a password está errada, mostrar uma mensagem informando o erro. Segue o código: const express = require('express') const router = express.Router() const connection = require('../../Config/database') const controllerAdmin = require('../../controllers/Administration') const controlleruser = require('../../controllers/login') router.get('/Administration/perfil', (req, res) => controllerAdmin.findcidade2(connection, req, res)) router.post('/Administration/perfil',(req, res) =>controlleruser.AlteraUserpassword(connection, req, res)) //router.get('/Administration/perfil/', (req, res) => res.render('Administration/perfil',{username:res.locals.user.username,email:res.locals.user.mail})) module.exports = app => app.use('/', router) $(document).ready(function() { framework: 'bootstrap', $('.perfilupdate').bootstrapValidator({ // To use feedback icons, ensure that you use Bootstrap v3.1.0 or later feedbackIcons: { valid: 'glyphicon glyphicon-ok', invalid: 'glyphicon glyphicon-remove', validating: 'glyphicon glyphicon-refresh' }, fields: { oldpassword: { validators: { stringLength: { min: 8, }, notEmpty: { message: 'Insira Password' } } }, password: { validators: { stringLength: { min: 8, }, identical: { field: 'password_again', message: 'The password and its confirm are not the same' }, notEmpty: { message: 'Insira Password' } } }, password_again: { validators: { stringLength: { min: 8, }, identical: { field: 'password', message: 'The password and its confirm are not the same' }, notEmpty: { message: 'password' }, password_again : 'password must match' } }, }, submitHandler: function(form) { $.ajax({ url : './AlteraUserpassword', message : 'Username has been taken', data : { type : 'oldpassword' }, type : 'POST', success: function(data) { valid:true }, error: function(errorThrown) { valid:false } }); } }) }); const AlteraUserpassword = async (connection, req, res) => { req.body.password = await hashpass(req.body.password) const user = await User.findUser(connection, req.body.username) if(!await bcrypt.compare(req.body.oldpassword, user.password)){ return res.json({'valid': true}); } else{ const user= await User.AlteraPasswordUser(connection, req.body) if(!user){ console.log("Nao Deu"); return res.json({'valid': true}); }else{ console.log("Deu") console.log(req.body.username) return res.json({'valid': false}); } } } o resultado que tenho resultado que eu quero o que estou a fazer mau
  5. Boa noite! Estou tentando colocar um menu, que só iria aparecer quando eu clicasse no botão "Mostrar", mas por algum motivo ele simplesmente não funciona. Eis o codigo: <!DOCTYPE html> <meta charset="utf-8"> <html> <head> <link rel="stylesheet" type="text/css" href="Chatflixcss.css"> <title>Chatflix - Chat pessoal do 2MIN1</title> </head> <body> <!-- jQuery (Não remover) --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <!-- Botão "Mostrar" --> <script type="text/javascript"> $(document).ready(function() { $("#mostrar").click(); }); function mostrar(){ $("#Menu").toggle(); } </script> <div id="Menu" style="display:none">Mensagem de teste!</div> <button type="button" id="mostrar" name="" value="" class="onbutton"> <img width="15px" height="14px" src="Button.png"> Mostrar </button> <!-- Fundo responsivo --> <script src="jquery.anystretch.min.js"></script> <script type="text/javascript"> $.anystretch("Background.jpg", {speed: 150}); </script> </body> </html> Alguem poderia por favor me informar onde eu estou errando?
  6. Caros, Estou com dois scripts que estão dando conflito um com o outro: <!-- ROLAGEM SUAVE --> <script> var $doc = $('html, body'); $('a').click(function() { $doc.animate({ scrollTop: $( $.attr(this, 'href') ).offset().top }, 500); return false; }); </script> <!-- BOTÃO VOLTAR AO TOPO --> <script> jQuery(document).ready(function() { // Exibe ou oculta o botão jQuery(window).scroll(function() { if (jQuery(this).scrollTop() > 200) { jQuery('.voltar-ao-topo').fadeIn(200); } else { jQuery('.voltar-ao-topo').fadeOut(200); } }); // Faz animação para subir jQuery('.voltar-ao-topo').click(function(event) { event.preventDefault(); jQuery('html, body').animate({scrollTop: 0}, 300); }) }); </script> O primeiro faz uma rolagem suave dos menus para as áreas de conteúdo (ancora), o segundo, faz com que o botão "voltar ao topo" apareça quando a página é rolada e faz uma transição suave para voltar ao topo. O problema é que somente o "voltar ao topo" funciona corretamente, mas ao colocar o "rolagem suave" ele acaba dando conflito, a rolagem suave ocorre mas o voltar ao topo é feito de forma abrupta, retornando o seguinte erro na depuração: Uncaught Error: Syntax error, unrecognized expression: # at Function.oe.error (jquery-3.3.1.min.js:2) at oe.tokenize (jquery-3.3.1.min.js:2) at oe.select (jquery-3.3.1.min.js:2) at Function.oe [as find] (jquery-3.3.1.min.js:2) at w.fn.init.find (jquery-3.3.1.min.js:2) at new w.fn.init (jquery-3.3.1.min.js:2) at w (jquery-3.3.1.min.js:2) at HTMLAnchorElement.<anonymous> (index.php:455) at HTMLAnchorElement.dispatch (jquery-3.3.1.min.js:2) at HTMLAnchorElement.y.handle (jquery-3.3.1.min.js:2) oe.error @ jquery-3.3.1.min.js:2 oe.tokenize @ jquery-3.3.1.min.js:2 oe.select @ jquery-3.3.1.min.js:2 oe @ jquery-3.3.1.min.js:2 find @ jquery-3.3.1.min.js:2 w.fn.init @ jquery-3.3.1.min.js:2 w @ jquery-3.3.1.min.js:2 (anonymous) @ index.php:455 dispatch @ jquery-3.3.1.min.js:2 y.handle @ jquery-3.3.1.min.js:2 Eu gostaria de fazer com que os dois trabalhassem em conjunto, tanto a rolagem suave para baixo como a rolagem suave para cima, podem me ajudar? Agradeço desde já!
  7. Boa tarde, galera. Criei uma execução em ajax que faria upload de imagens sem limitação, só que ao selecionar mais que 5 imagens, o formulário simplesmente não é enviado. Isso seria uma limitação do ajax ou foi um erro meu ? Ai esta o código com a requisição: function cadRelatorio(formulario){ var conteudo = new FormData(formulario); console.log(formulario); $.ajax({ url: formulario.action, type: formulario.method, data: conteudo, dataType: 'html', enctype: 'multipart/form-data', cache: false, processData: false, contentType: false, beforeSend: function(){ $('#notificacao').html('<div class="alert alert-info alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button><h4> <i class="icon fa fa-info"></i> Preparando requisição</h4> Aguarde os processamentos iniciais para mais atualizações! <i class="pull-right fa fa-spinner fa-spin"></i></div>'); } }).done(function(retorno){ $('#conteudo').html(retorno); }).fail(function(){ console.log('Falhou!'); }); return false; } A requisição chega no PHP, mas não possui nenhum conteúdo, basicamente ele apaga o formulário. Já verifiquei o que poderia ter no $_POST e no $_FILES usando o var_dump(), mas não deu certo! Caso alguém saiba uma forma diferente de fazer esse tipo de requisição, aceito sugestões! Muito obrigado pela atenção.
  8. Clã, preciso de uma ajuda. Por exemplo: Eu tenho um div, que nela tem um texto. Imagine um post do forum, que tem um titulo e esse titulo é linkado na pagina unica do post. Até aí ok. Mas eu queria saber como fazer quando o titulo é grande e formatar o titulo, cortar ele e colocar tres pontos no lugar do limite. Help
  9. Olá, pessoal! Estou fazendo um exercício sobre JQuery e sou bem iniciante. De modo que preciso compreender este seguinte exercício: Crie uma página web com 3 parágrafos com texto. Adicione os seguintes eventos: (1) ao clicar 2 vezes sobre o primeiro parágrafo, a cor de fundo é alterada para verde; (2) ao passar o ponteiro do mouse sobre o segundo parágrafo, o elemento <p> fica oculto; (3) ao clicar uma vez sobre o terceiro parágrafo, o texto deste elemento é alterado. Gostaria de uma dica para fazer pelo menos o primeiro item. Já que o restante eu tentarei sozinho. Sei que é uma coisa simples. Consegui fazer, utilizando o esquema de botões. Mas essa de clicar sobre o 1º parágrafo etc eu estou apanhando por incrível que pareça. Tentei deste modo, mas nada acontece: <!DOCTYPE html> <html> <head> <title>Tarefa da Semana 11</title> <meta charset="utf-8" /> <meta name="description" content="Tarefa da Semana 11" /> <!--descrição do site para efeito de busca --> <meta name="author" content="Cristiano Iderlandes Nascimento Leão" /> <!--Autor site --> <script type="text/javascript" src="js/jquery-3.2.0.min.js"></script> <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> <script> $(document).ready(function(){ $(p).click.css('background', 'blue'); }); </script> </head> <body> <p>Parágrafo número 1</p> <p>Parágrafo número 2</p> <p>Parágrafo número 3</p> </body> </html> Lembrando que eu não estou pedindo para fazer o exercício para mim, pois sei que isto só me prejudicaria. O melhor mesmo é compreendê-lo. Portanto peço ajuda a quem puder. Perdoem a minha ignorância. Obrigado!
  10. Bom dia! Eu estou usando um plugin para fazer o background de um site(Vegas Background by Jay Salvat), facílimo de usar, porém eu preciso que as imagens de fundo sejam lidas conforme forem adicionadas ao diretório onde ficam os backgrounds no servidor. Na documentação do plugin é assim que se procede: $elmt.vegas({ delay: 7000, timer: false, shuffle: true, firstTransition: 'fade', firstTransitionDuration: 5000, transition: 'slideDown2', transitionDuration: 2000, slides: [ /* Perceba que a opção slides: é um vetor e o caminho para as imagens de fundo são colocadas manualmente */ { src: '/img/slide1.jpg' }, { src: '/img/slide2.jpg' }, { src: '/img/slide3.jpg' }, { src: '/img/slide4.jpg' } ] }); /* Preciso modificar isso, mas não sei se o Javascript ou JQuery, tem a capacidade de ler e listar o conteúdo de uma pasta remota e listar o seu conteúdo e passar como um parâmetro para a opção slides, o que tornaria o processo dinâmico */ Veja a Documentação do plugin no site do criador
  11. Boa Noite! Como posso inserir o atributo controls dentro da tag video? <video controls src="video.mp4" width="426" height="240"></video> tentei isso: $('#video01').on('mouseover',function(){ $(this).html('controls'); }); mas o resultado foi: <video class="card-img-top" id="video01">controls</video> tentei com append e deu nisso: <video class="card-img-top" id="video01"> <source src="assets/Inside SD.mp4" type="video/mp4"> controls </video> Eu não me lembro de como fazer isso! seria algo como o addClass, mas não é para ficar dentro da classe e sim logo após a tag de abertura <video> . Me deu uma desinteria mental agora que não consigo acertar algo tão bobo, alguém ai poderia me ajudar por favor?
  12. 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); }); });
  13. 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>
  14. 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...
  15. 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."; } ?>
  16. 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!
  17. 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
  18. 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...
  19. E aí gurizada, beleza? Alguém sabe como faz para setar a página fullscreen com jquery sem plugins?
  20. 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 ?
  21. 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 ?
  22. 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?
  23. 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”}
  24. 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.
  25. 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?

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

×