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 41 registros

  1. Bom dia! Então, eu havia programado um site funcional em php (Sem bootstrap e nem css) que inseria produtos de petshop no banco. Ai eu decidi fazer um modal em bootstrap e css e ia tudo bem, coloquei o formulario dentro do modal e tudo funcionava fino do fino. Mas ai, quando eu coloquei um carrousel e um card pros produtos o modal começou a fechar assim que eu clicava na caixa de texto para tentar inserir as informações. Segue o codigo: 1- Codigo do Carrousel 2- Codigo do Modal 3-Codigo todo 1- <div class="carouseluel"> <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <img class="d-block w-100" src="img/carouimg1.jpg" > </div> <div class="carousel-item"> <img class="d-block w-100" src="img/carouimg2.jpg"> </div> </div> <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> 2- <div id="modalanuncio" class="modal fade" role="dialog"> <div class="modal-dialog"> <form method="post" enctype="multipart/form-data"> <input type="text" placeholder="Produto" name="pname" required> <input type="file" name="file" id="file"> <?php error_reporting(0); ini_set(“display_errors”, 0 ); /* Image Uploading Script * ======================================================================================== Process images and moves them into a uploads folder, each image will have the date of upload appended to its url to prevent replacing. - Trevor 06/29/13 */ // only allow the following formats $allowedExts = array("jpeg", "jpg", "gif", "png"); // explode the file name to to check the ext $temp = explode(".", $_FILES["file"]["name"]); // not sure what end does $extension = end($temp); // check file type if ((($_FILES["file"]["type"] == "image/gif") || ($_FILES["file"]["type"] == "image/jpeg") || ($_FILES["file"]["type"] == "image/jpg") || ($_FILES["file"]["type"] == "image/pjpeg") || ($_FILES["file"]["type"] == "image/x-png") || ($_FILES["file"]["type"] == "image/png")) && ($_FILES["file"]["size"] < 2097152) // limit the size of the file to 2mb && in_array($extension, $allowedExts)){ // check if there was an error if($_FILES["file"]["error"] > 0){ echo "Return Code: " . $_FILES["file"]["error"] . "<br>"; } else { // echo "Upload: " . $_FILES["file"]["name"] . "<br>"; // echo "Type: " . $_FILES["file"]["type"] . "<br>"; // echo "Size: " . ($_FILES["file"]["size"] / 1024) . " kB<br>"; // echo "Temp file: " . $_FILES["file"]["tmp_name"] . "<br>"; // get the date // added this to always refrence America/Los_Angeles VS sever timestamp $date = new DateTime(null, new DateTimeZone('America/Sao_Paulo')); $current_date = $date->getTimestamp(); // add the date to the filename $file_name = $current_date; // add the extension back on. $file = $file_name.".".$temp[1]; // move the file to its new location move_uploaded_file( $_FILES["file"]["tmp_name"], "uploads/" .$file); // echo '<img src="upload/'.$_FILES["file"]["name"].'">'; } } else { echo ""; } ?> <input type="text" placeholder="Descrição(Opcional)" name="psw"> <input type="text" placeholder="Senha para deletar o anuncio" name="removepass"> <input type="number" placeholder="Preço" name="value" required> <select name="categoria"> <?php $sql = "SELECT * from categoria"; $result = $sqli->query($query); if ($result->num_rows > 0) { // output data of each row while($row = $result->fetch_assoc()) { echo "<option value=".$row['cd_categoria'].">".$row['nm_categoria']."</option>"; } } else { echo "<option>0 results</option>"; } ?> </select> <input type="submit" value="Anunciar" name="submit" onClick="history.go(0)"> </form> <?php ?> </div> </div> Sei que deve ser um erro bobo com nomeação de classes ou algo assim no bootstrap, mas não consegui encontrar
  2. O seguinte script Jquery <script> $(document).ready(function(){ load_data(); function load_data(query) { $.ajax({ url:"fetch.php", method:"post", data:{query:query}, success:function(data) { $('#result').html(data); } }); } $('#search_text').keyup(function(){ var search = $(this).val(); if(search != '') { load_data(search); } else { load_data(); } }); }); </script> <?php include "conn.php"; $output = ''; if(isset($_POST["query"])) { $search = mysqli_real_escape_string($conn, $_POST["query"]); $query = " SELECT * FROM noticias WHERE mensagem LIKE '%".$search."%' OR username LIKE '%".$search."%' OR nome LIKE '%".$search."%' "; } end $result = mysqli_query($conn, $query); if(mysql_num_rows($result) > 0) { $output .= '<div class="table-responsive"> <table class="table table bordered"> <tr> <th>Nome</th> <th>Busca:</th> </tr>'; while($row = mysql_fetch_array($query)) { $output .= ' <tr> <td>'.$row["nome"].'</td> <td>'.$row["mensagem"].'</td> </tr> '; } echo $output; } else { echo 'Data Not Found'; } ?> Resulta o seguinte erro na hora de carregar: Parse error: syntax error, unexpected T_VARIABLE in /home/storage/f/00/0f/
  3. Teria como fazer um resumo das funções de posicionamento de div, usando um exemplo href? Exemplo: Tenho um link que está numa parte do meu index. Uso um link simples de dentro da div para carregar nela mesma? <a href="seguinte.html#DIV">Some nice link text</a> E esta função serve para qual das páginas, no caso da referência ser apenas física? (NO CASO UMA pÀGINA SIMPLES SEM SEGURANÇA) $( document ).ready(function() { //get hash code at next page var hashcode = window.location.hash; // move page to any specific position of next page(let that is div with id "hashcode") $('html,body').animate({scrollTop: $('div#'+hascode).offset().top},'slow'); });
  4. Ola, Venho aqui pedir ajuda de vocês, pois já não sei mais o que fazer, pesquisei em tudo mas não achei nada relacionado. Bom o intuito e fazer uma galeria de 3 colunas usando o de flex do CSS(https://www.w3schools.com/howto/howto_css_image_grid_responsive.asp), com base no código do w3s, porém as imagens vai vim dinamicamente então me complicou um pouco. o código que fiz usando os seletores "lt()" e "gt()" pega exatamente a quantidade de itens e divide por 3 que é o numero de colunas, que vai dar a quantidade de itens para cada coluna, depois ele agrupa em uma div o numero de itens, mas não consigo uma forma de selecionar os itens do meio, só começo e o final. https://jsfiddle.net/huqkozsr/5/ var itens = $(".img_").length; var padrão = parseInt(itens / 3); var coluna3 = (itens - padrão) - 1; var coluna1 = $(".img_:lt("+padrão+")").wrapAll("<div class='flex_'></div>"); var coluna3 = $(".img_:gt("+coluna3+")").wrapAll("<div class='flex_'></div>"); https://i.imgur.com/mD5btQr.png agradeço a ajuda!
  5. Boa noite, quando eu crio um link em uma categoria linkando para outra categoria o link muda, sei que é alguma funçao no template mas ja procurei nele todo e nao achei, ai o link fica assim ... <a href="\"https://www.meusite.com/categoria/\"">categoria</a> // cria uma aspa e uma barra invertida antes e depois da url Tem algo que eu possa fazer com jquery para tirar essas aspas e barras a mais ?
  6. Boa noite pessoal. Raramente costumo pedir ajuda em algo que desenvolvo, eu busco ajuda quando já esgotei todo meu conhecimento em procura pelo google, youtube e outros lugares. Idealização Pois bem, minha dúvida é sobre como implementar um sistema de temas( claro e noturno) baseado em Local Storage. Eu consigo manipular tranquilamente um valor do Local Storage, como incluir ou substituir por outro. Porém ainda não descobri uma maneira de fazer o teste e alterar o arquivo CSS usado pelo tema. Problema Não consigo incluir ou trocar o elemento LINK contendo o CSS do tema diretamente no header. O que já foi feito Criei um arquivo CSS base. Nele consta todas as regras, incluindo as cores padrões que são claras. Criei outro arquivo chamado tema-escuro.css, onde este é exatamente igual ao da base, porém com as cores escuras. No HTML, possui um elemento checkbox contendo o valor: "noturno". Onde se checado, é true e deschecado é false. Então toda vez que eu marco a caixa é gravado no local storage o valor true ou false. Então depois eu resgato este valor e comparo. Se true, o que eu esperava é que ele alterasse o arquivo CSS padrão, para o CSS tema-escuro. e por como o valor está no local storage, mesmo que fechasse o navegador e abrir de novo, ele compara e vê se é true e chama o arquivo de tema escuro. Então, eu tentei fazer o simples teste, e realmente ele faz o teste se é true ou false, porém ele não chama o arquivo certo. No caso está chamando o mesmo padrão. O que vocês me sugerem? Este é um projeto pessoal e é uma extensão para o Chrome, para o meu uso diário. O que já pensei em fazer: Deixar o arquivo CSS de base apenas com as regras das estruturas e criar mais dois arquivo CSS chamado tema-claro.css e tema-escuro.css onde cada um deles só iriam conter as cores dos elementos e nada mais. E aí pelo teste do valor no local storage, chamar o tema claro ou o tema escuro dentro do elemento <head> Até agora tudo que já testei não funcionou. se tiverem alguma ideia, agradeço. E lembro que não posso usar banco de dados e nem armazenamento em arrays. Deve ser feito com Local Storage, para manter a escolha do usuário do tema que usará. De qualquer forma, fico no aguardo e agradeço a quem ler todo o tópico e ajudar de alguma forma. Att, Moderador DiF
  7. 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?
  8. 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...
  9. 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.
  10. 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
  11. 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?
  12. 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á!
  13. 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.
  14. 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
  15. 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!
  16. 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
  17. 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?
  18. 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); }); });
  19. 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>
  20. 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...
  21. 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."; } ?>
  22. 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!
  23. 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
  24. 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
  25. 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...

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

×