Jump to content

Search the Community

Showing results for tags 'js'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 282 results

  1. Galera neste site aqui tem umas setas em um accordion, e eu gostaria de saber como faço para elas se movimentarem a cada clique. se alguem conseguir algum link com tutorial ou me passar algum script eu sou imensamente agradecido. estou usando o accordion padrão do bootstrap 4+ Clique neste: Exemplo
  2. joaopedropeterle

    Máscara de Dinheiro para Formulario

    Boa tarde pessoal! Preciso fazer os valores digitados no campo do formulário serem escritos de forma inversa, pois se trata de dinheiro, nada do que fiz deu certo até agora... meu código está assim: var valor = $("#valor"); valor.keyup(() => { valor.val(VMasker.toPattern(valor.val(), "999.999.999,99", {reverse: true})); }) #valor é a ID do campo onde será inserido... Não sei se fui bem claro, sou apenas iniciante...rsrs
  3. tetsuo

    JS Fetch

    <html> <head> <title>js fetch</title> </head> <body> <script> document.addEventListener('DOMContentLoaded', function () { fetch('api/', { method: 'GET', headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' } }).then(response => response.json().then(result => console.log(result))); //.then(response => console.log(response.json())); }); </script> </body> </html> Olá Pessoal! Por quê a linha comentada(linha 16) não funciona? Enquanto a 15 funciona.
  4. Olá! Peguei um feela, onde o cliente possui um campo de busca de reservas do Booking. A solicitação era de um menu moderno em tecnologias de estilo, seguindo o layout já desenvolvido por ele, até aí tudo bem. O problema é como fazer com que esses dados do formulários passados via GET, sejam recebidos corretamente pela página de resultados do Booking.com Tentei, utilizando mesmo names e ids da busca original, porém, o resultado desejado é satisfatório apenas onde digita o que desejamos buscar. <script type="text/javascript"> (function(d, sc, u) { var s = d.createElement(sc), p = d.getElementsByTagName(sc)[0]; s.type = 'text/javascript'; s.async = true; s.src = u + '?v=' + (+new Date()); p.parentNode.insertBefore(s,p); })(document, 'script', '//aff.bstatic.com/static/affiliate_base/js/flexiproduct.js'); </script> <body> <div class="container"> <div class="row bg-primary justify-content-center my-3 text-white"> <form id="b_frm" method="get" action="https://www.booking.com/searchresults.html" enctype="multipart/form-data" class="form-inline my-3" target="_blank"> <div class="col-12 col-sm-12 col-md-6" data-test="true"> <label for="txt-search" class="justify-content-start"><i class="fas fa-search mr-1"></i>Pesquisar</label> <input type="search" id="b_destination" class="form-control w-100" name="ss" id="b_destination" value="Guarujá" title="Ex.: cidade, região, bairro ou hotel específico" placeholder="Ex.: cidade, região, bairro ou hotel, casa, apartamento" role="textbox" aria-haspopup="true"> <input type="hidden" name="dest_id" value="-645946"> <input type="hidden" name="dest_type" value="city"> </div> <div id="checkin_target" class="col-12 col-sm-12 col-md-3"> <label for="txt-date-in" class="justify-content-start">Data de entrada</label> <select class="form-control w-100" name="checkin_monthday" id="b_checkin_day"></select> <select class="form-control w-100" name="checkin_year_month" id="b_checkin_month"></select> </div> <div id="checkout_target" class="col-12 col-sm-12 col-md-3"> <label for="txt-date-out" class="justify-content-start">Data de saí­da</label> <select class="form-control w-100" name="checkout_monthday" id="b_checkout_day"></select> <select class="form-control w-100" name="checkin_year_month" id="b_checkout_month"></select> </div> <div class="col-12 d-inline-flex justify-content-end mt-3"> <label for="checkReserv"> <input type="checkbox" class="form-check-inline" name="checkReserv" id="checkReserve"> Reserve agora, pague depois </label> </div> <div class="col-12 d-inline-flex justify-content-end mt-3"> <button type="submit" tabindex="0" class="btn btn-danger form-control" value="search">Pesquisar</button> </div> <input type="hidden" name="error_url" value="/?aid=1704408;"> <input type="hidden" name="si" value="ai,co,ci,re,di"> <input type="hidden" name="label" value=""> <input type="hidden" name="lang" value="pt-br"> <input type="hidden" name="aid" value="1704408"> <input type="hidden" name="sp_plprd" value="UmFuZG9tSVYkc2RlIyh9YVXcKaaJl1Cl8VOf4QzoGuIOLLs5aG2FZ2ZavnPQr-nKVGXKwhi-SxV27wZ5e4ad8ZB_vNL0FpUBWR1nsdbY6J6ZBGBM6rnqKJd1-J9bY_Ur"> <input type="hidden" name="utm_campaign" value="nsb"> <input type="hidden" name="utm_medium" value="sp"> <input type="hidden" name="utm_source" value="FP_Searchbox"> <input type="hidden" name="utm_term" value="1704408"> </form> </div> </div> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script src="https://s.bookcdn.com/js/translations/translation_31.26.js"></script> <script src="https://s.bookcdn.com/build/booked/booked_bundle.74f2565a43a50d618c66d31c0adba095.js"></script> <!-- <ins class="bookingaff" data-aid="1704408" data-target_aid="1704408" data-prod="nsb" data-width="100%" data-height="auto" data-lang="xb" data-currency="BRL" data-dest_id="-645946" data-dest_type="city"> Anything inside will go away once widget is loaded. <a href="//www.booking.com?aid=1704408">Booking.com</a> </ins>--> </body>
  5. fernandolukkas

    Dúvida sobre uso de expressão regular

    Essa é uma questão de um trabalho da facul, não estou conseguindo resolver. Alguém que possa me ajudar ? Laudilene, é professora de filosofia e amiga de Gilberto, professor de física. Ambos dão uma "colher de chá" para seus alunos. No caso de Laudilene, ela dá até meio ponto para que seus alunos atinjam a média 8 para serem aprovados. Depois de calcular as médias das provas dos alunos, Laudi, muito cansada, lançou todas as médias em um arquivo texto: 10 - Bruce, 9.5 - Miranda, 7.9 - Bob, 10 - Zimbabue, 7.5 - Bety Qual é a expressão regular que pode ser utilizada para extrair o nome dos alunos que terão sua nota arredondada para 8.0 ?
  6. Boa noite amigos, estou com um problema em um script, ele funciona desta forma: <script> function validate(){ var i = 0, counter = 0, testeCB; testeCB = document.forms[0].testeCB; for (; i < testeCB.length; i++) { if (testeCB[i].checked) { counter++; } } if (counter==0){ alert("Você precisa selecionar pelo menos um") return false; } return true; } </script> <input type="checkbox"id="cb1" name="testeCB" value="1"> <input type="checkbox"id="cb2" name="testeCB" value="2"> mas quando eu substituo o name para name="testeCB[]" para conseguir armazenar no BD, para de funcionar.... apos algumas pesquisas, o menlhor que consegui encotrar foi isto testeCB = document.forms[0].elements['testeCB[]']; substituir ali, mas mesmo assim nao funciona, alguem tem alguma solução??
  7. Olá galera, tudo bom ? Estou com uma dúvida... Tenho uma função javascript em que faz algumas requisições de uma API... porem eu tenho q chamar essa api a cada 4 minutos! (caso o usuário tenha ativado). Tudo bem... essa função está em um arquivo chamado: Ativador.js E está configurada na index.php do meu site... (ao usuário apertar o botão ATIVAR, ele faz a requisição e com o SetInterval chama ela novamente a cada 4 minutos). Mas ai que vem minha dúvida... Ao usuário mudar de pagina, a função para e o usuário teria que apertar ATIVAR novamente... Gostaria de saber como fazer com que se o botão ativar for acionado e a função estivesse chamada (fazendo as requisições a cada 4 minutos) e o usuário mudasse de pagina isso continuaria... (Fazendo as requisições a cada 4 minutos) estilo o mini player do youtube.... POREM SE O USUÁRIO SAIR DO SITE E VOLTAR NOVAMENTE A FUNÇÃO ESTARIA DESATIVADA (O usuário teria que acionar o botão ativar novamente.,) Obrigado. Ficou meio confuso se não tiverem entendido posso explicar melhor! Só queria um norte pois não sei como iniciar, tentei fazer algo com o LocalStorage ... declarando que a função está ativada e etc... mas tive problemas!
  8. william010101

    Dúvida uso de regex

    Escreva uma regex que aceite um conjunto qualquer de 0, e 1 que tenha ao menos um 1.
  9. Olá! Esotu com uma certa dificuldade em um projeto que estou desenvolvendo em relação a funcionalidade drag and drop com jQuery/JavaScript. <div class="pricipal-menu"> <div class="col-1"> <img src="imagem/1.png"> <img src="imagem/2.png"> <img src="imagem/3.png"> </div> <div class="col-2"> <img src="imagem/1.png"> <img src="imagem/2.png"> <img src="imagem/3.png"> </div> <div class="col-3"> <img src="imagem/1.png"> <img src="imagem/2.png"> <img src="imagem/3.png"> </div> <div class="col-4"> <img src="imagem/1.png"> <img src="imagem/2.png"> <img src="imagem/3.png"> </div> </div> Bom, o que quero fazer é, por exemplo, pegar a img1 da primeira coluna (1, 1) e passá-la para a coluna 2 na posição da img2 (2,2). Até ai tudo bem, o problema é , preciso que quando a img1 for colocada na posição (2,2) a img2 que está na vá para (1,1). Exatamente como um $(...).sortable(), aliás, já tentei até mesmo com o connectWith do sortable(), mas não adianntou muito. Mais resumidamente, é fazer com que as imagens invertam a posição entre as colunas, mas não sei como. OBS: já tentei, inclusíve, colocá-las em variáveis pra depois assumirem as posições com o drag'n drop, mas cheguei no mesmo resultado do connectWith. Agradeço a atenção!
  10. MEGATRON

    Dúvida em código JavaScript

    Crie um código em JavaScript que receba 2 palavras, e depois as imprima intercaladas. Ex.: “Joao” e “Mary”; a impressão deve ser: “JMoaaroy”. Use uma função que receba as duas palavras, e faça a intercalação.
  11. peterstefan

    pasta dinamica no js

    olá, gostaria de uma ajuda, tenho um caminho de arquivo e uma das pastas sempre eu troco ela e gostaria de deixar ela dinamica, toda vez que eu trocar a pasta eu não preciso ir no js e trocar também o nome da pasta... segue link onde esta escrito PASTA quero deixar ela pegando dinacimcamente a pasta do thema, assim quando eu trocar o nome dela esse link fique automatico... var url = BASE + '/themes/PASTA/_ajax/control.ajax.php';
  12. eduuamorim

    Simulador de crédito

    Boa noite! Sou novo aqui no fórum e tenho umas dúvidas de como implementar um simulador de linha de crédito passado pelo cliente. Vou deixar as informações que ele precisa ter no simulador, se alguém puder me ajudar ou me dar uma luza vou ser grato de coração. Obs: Não entendo nada sobre esse tipo de simulador, peguei o projeto na raça e quero terminar ele logo, conto com a ajuda de todos, grato desde já! Informações do cliente nos prints abaixo:
  13. DinhoPHP

    ORDER BY Dinâmico

    Olá! Alguém pode me dar uma luz sobre fazer um ORDER BY, hora ASC ou hora DESC? Por favor! Estou utilizando PHP e JS no projeto. $pegadados = $pdo->prepare("SELECT * FROM produtos WHERE categoria LIKE '%$dataSearch%' OR marca LIKE '%$dataSearch%' OR produto LIKE '%$dataSearch%' OR modelo LIKE '%$dataSearch%' OR descricao LIKE '%$dataSearch%' ORDER BY $filter $filter2");
  14. DinhoPHP

    ORDER BY Dinâmico

    Olá! Alguém pode me dar uma luz sobre fazer um ORDER BY, hora ASC ou hora DESC? Por favor! Estou utilizando PHP e JS no projeto. $pegadados = $pdo->prepare("SELECT * FROM produtos WHERE categoria LIKE '%$dataSearch%' OR marca LIKE '%$dataSearch%' OR produto LIKE '%$dataSearch%' OR modelo LIKE '%$dataSearch%' OR descricao LIKE '%$dataSearch%' ORDER BY $filter $filter2");
  15. DinhoPHP

    Função não funciona

    Olá! Não consigo entender o porque a minha função cadValor() funciona e a desc() não file.js <script> var txtval = document.querySelector('#inputValor'); var res = document.querySelector('#inputCopyValor'); //ONDE QUERO ESCREVER var res2 = document.querySelector('#seuValor'); // VALOR INDO PARA HOLERITE var res3 = document.querySelector('#seuValorMult'); // VALOR QUE SERÁ DOBRADO function cadValor(){ var val = Number(txtval.value); res.placeholder = val.toFixed(2); res2.placeholder = val.toFixed(2); var dobro = val * 2; // dobra o valor res3.placeholder = dobro.toFixed(2); // pega o valor dobrado } function desc(){ var txtDobro = document.querySelector('#seuValorMult'); // VALOR QUE FOI DOBRADO var txtSacado = document.querySelector('#seuValorDia2'); var txtRestante = document.querySelector('#seuValorRes'); var resDobro = Number(txtDobro.value); var resSacado = Number(txtSacado.value); //var resRestante = Number(txtRestante.value); var resRest = resDobro; txtRestante.placeholder = resRest.toFixed(2); } </script> file.php <div class="container"> <!-- PRIMEIRA LINHA --> <div class="d-flex justify-content-center mt-3"> <div id="divHolerite" class="col-12 col-sm-8 col-md-6 col-lg-4"> <div class="d-flex flex-column justify-content-center align-items-end bg-dark"> <div class="col-12 mb-3"> <label for="inputValor">Admin: Cadastrar Valor</label> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text">R$</span> </div> <input id="inputValor" class="form-control" type="text" name="inputValor" onkeypress="return onlynumber();"> <button type="submit" value="ativa" class="btn btn-danger text-uppercase ml-3" data-toggle="modal" data-target="#modalHolerite" onclick="cadValor()">ativa</button> </div> </div> <div class="col-12"> <button type="reset" value="clean" class="btn btn-light btn-lg text-uppercase mb-3">apagar cadastro</button> </div> <hr style="background-color: #777777; widht: 100%;"> </div> <!-- SEGUNDA LINHA --> <div class="d-flex flex-column flex-nowrap align-items-start bg-dark mb-3"> <div class="col-8 mb-3"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text">R$</span> </div> <input id="inputCopyValor" class="form-control" type="text" name="inputCopyValor" placeholder="" readonly> </div> </div> <div class="col-12 mb-3"> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text">R$</span> </div> <input id="inputValorDia" class="form-control" type="text" name="inputValorDia" placeholder="0,10" readonly> <div class="input-group-prepend"> <span class="input-group-text">por dia</span> </div> <button type="submit" value="saque" class="btn btn-danger text-uppercase btn-sm ml-3">sacar</button> </div> <div class="d-flex"> <button type="submit" value="saque" class="btn btn-danger text-uppercase btn-sm mr-3">descontar</button> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text">R$</span> </div> <input id="inputValorDesc" class="form-control" type="text" name="inputValorDesc"> </div> </div> </div> </div> </div> </div> <!-- HOLERITE --> <!-- Modal --> <div class="modal fade" id="modalHolerite" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Título do modal</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Fechar"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> <!-- HOLERITE --> <div class="container"> <!-- PRIMEIRA LINHA --> <div id="test" class="d-flex justify-content-center mt-3"> <div id="divHolerite" class="col-12 col-md-10 col-lg-8"> <div class="d-flex flex-column justify-content-center align-items-end bg-dark"> <div class="col-12 mb-3"> <h2 class="text-uppercase text-center text-white">holerite</h2> <div class="row"> <div class="col-12 col-sm-6"> <label for="seuValor" class="text-left text-uppercase">seu valor</label> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text">R$</span> </div> <input id="seuValor" class="form-control" type="number" name="seuValor" placeholder=""> </div> </div> <div class="col-12 col-sm-6"> <label for="inputValorDia" class="text-left text-uppercase">total: 200 dias</label> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text">R$</span> </div> <input id="inputValorDia" class="form-control" type="number" name="inputValorDia"> <div class="input-group-prepend"> <span class="input-group-text">por dia</span> </div> </div> </div> <div class="col-12 col-sm-6"> <label for="seuValorMult" class="text-left text-uppercase">valor multiplicado</label> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text">R$</span> </div> <input id="seuValorMult" class="form-control" type="number" name="seuValorMult"> </div> </div> </div> </div> <hr style="background-color: #777777; widht: 100%;"> </div> <!-- SEGUNDA LINHA --> <div class="d-flex flex-column justify-content-center bg-dark mb-3" style="padding-left: 10px; padding-right: 0px;"> <div class="row overflow-visible"> <div class="col-12 col-sm-4"> <span class="text-white font-data">00/00/2019:</span> </div> <div class="col-12 col-sm-8"> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text">R$</span> </div> <input id="seuValorDia2" class="form-control" type="number" name="seuValorDia2" placeholder="0,10" readonly> <div class="input-group-prepend"> <span class="input-group-text">por dia</span> </div> <button type="submit" value="saque" class="btn btn-danger text-uppercase btn-sm ml-3 mr-2" onclick="desc()">sacar</button> </div> </div> </div> <div class="form-row col-12" style="border: 2px white solid;"> <div class="col-12 col-sm-6"> <label for="seuValorSacado" class="text-left text-uppercase"><br></label> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text">R$</span> </div> <input id="seuValorSacado" class="form-control" type="number" name="seuValorSacado"> </div> <label for="seuValorSacado" class="text-center text-uppercase">valor sacado</label> </div> <div class="col-12 col-sm-6"> <label for="seuValorRes" class="text-center text-uppercase" style="margin-left: 5vw;">seu valor restante</label> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text">R$</span> </div> <input id="seuValorRes" class="form-control" type="number" name="seuValorRes" placeholder="" readonly> </div> <label for="seuValorRes" class="text-center text-uppercase" style="margin-left: 10vw;">pra saque</label> </div> </div> </div> <!-- Termina linha geral --> </div> <!-- FIM DO HOLERITE --> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button> </div> </div> </div> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
  16. Boa tarde pessoal! Criei um sistema simples pra web utilizando PHP no backand. Mas agora antes do lançamento do sistema surgiu a necessidade de um app de consulta a esse sistema com funções básicas da plataforma Web, ou seja nem todas as funcionalidades serão implementadas no app agora no início. Qual a minha melhor alternativa no desenvolvimento híbrido hj em questão de agilidade no desenvolvimento considerando que minha plataforma web e o banco de dados mysql já estão prontos???
  17. Impermeabilidade

    Como gerar um pdf em PHP

    Alguem conseguiria me mandar um tutorial que me ajudasse na geração de relatorios em pdf?
  18. Possuo pouco conhecimento em JS, então gostaria de solicitar uma ajuda com um script que montei para resgatar imagens de produtos de um determinado site/ecommerce utilizando o EAN do produto. No código abaixo eu passo via form alguns parametros como a URL do site onde quero pesquisar a imagem com "/" e na sequência o campo EAN com todos os códigos de barra que quero pesquisar separados por "," e por ultimo a extensão do arquivo de acordo com a extensão que o site em questão utiliza, jpg ou png. No final tudo será exibido na div dl_imgs e ai então eu posso dar um ctrl + s no meu navegador e salvar todas as imagens de uma vez. O objetivo do FOR é retornar imagem por imagem utilizando os parametros URL + EAN + EXT. Ex: "ecommerce.com.br/imagens/000030201.png". O que acontece é que preencho o campo EAN com todos os códigos de barras que preciso separados por virgula, mas o script não consegue montar o array e me retorna algo parecido com isso: https://cdn-*******.*******.com.br/products/7896003703863,7897005100223,7897005101589,7896360210097,7896003703863,7897005100223,7897005101589 Como podem ver me trás apenas uma imagem que não existe pois não separou os códigos de barra na matriz. Porem se eu copiar esses mesmos códigos e colocar direto na VAR MATRIZ, o script funciona. Segue abaixo o script utilizado. Desde já agradeço! <script> function loadImgs(){ /*--- Dados do formulário ---*/ var dataform = document.forms[0] || document.forms['dados']; //var t = dataform.imgtotal.value; var url = dataform.url.value; var ext = dataform.ext.value; var ean = dataform.ean.value; dataform.buscar.disabled = true; /*--- Gerar IMGS ---*/ var div = document.getElementById('dl_imgs') || document.dl_imgs; div.innerHTML = ""; novoArray = ean.split(','); var matriz = [novoArray]; for(var i=0; i<matriz.length; i++) { div.innerHTML += '<img src="'+url+""+matriz+''+ext+'" />'; } } </script> PS: Para melhorar ainda mais essa extração, eu gostaria de fazer isso fazendo um UPLOAD de um arquivo XLS contendo 2 colunas EAN e Nome produto, e no final exibir a imagem e abaixo o nome do produto, se alguém puder me dar uma luz de como fazer isso agradeço. Att;
  19. estou há horas tentando utilizar o Carousel do Bootstrap para exibir produtos. Fiz sozinho não funcionou, então encontrei este código https://codepen.io/kreigd/pen/ybYNoN coloquei em um arquivo sozinho, separado do site que estou desenvolvendo e nem assim funciona. Fica assim: http://equipenovainfo.com.br/_portifolio/amanda/31_07_2019/carousel_prod.php Segue o código: <!doctype html> <html lang="pt-br"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Hello, world!</title> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script> $(document).ready(function() { $("#myCarousel").on("slide.bs.carousel", function(e) { var $e = $(e.relatedTarget); var idx = $e.index(); var itemsPerSlide = 3; var totalItems = $(".carousel-item").length; if (idx >= totalItems - (itemsPerSlide - 1)) { var it = itemsPerSlide - (totalItems - idx); for (var i = 0; i < it; i++) { // append slides to end if (e.direction == "left") { $(".carousel-item") .eq(i) .appendTo(".carousel-inner"); } else { $(".carousel-item") .eq(0) .appendTo($(this).find(".carousel-inner")); } } } }); }); </script> </head> <body> <div class="container-fluid"> <h1 class="text-center mb-3">Bootstrap Multi-Card Carousel</h1> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <div class="carousel-inner row w-100 mx-auto"> <div class="carousel-item col-md-4 active"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/f44242/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 1</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> <div class="carousel-item col-md-4"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/418cf4/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 2</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> <div class="carousel-item col-md-4"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/3ed846/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 3</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> <div class="carousel-item col-md-4"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/42ebf4/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 4</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> <div class="carousel-item col-md-4"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/f49b41/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 5</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> <div class="carousel-item col-md-4"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/f4f141/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 6</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> <div class="carousel-item col-md-4"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/8e41f4/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 7</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> </div> <a class="carousel-control-prev" href="#myCarousel" 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="#myCarousel" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> Preciso terminar esse trabalho, travei nisso. Me ajudará à pagar a faculdade e ganharei tempo para estudar.
  20. Olá, dentro do meu documento html tenho o seguinte elemento: <select class="custom-select mr-sm-2" id="txtStatus"> <option>false</option> <option>true</option> </select> Para enviar o valor do grid a esse campo utilizo o seguinte código $("#txtStatus").find('option:selected').val(linha[4]); Porém, se o valor setado é true, o campo select fica com os com valores repetidos... true true Como posso passar o valor para esse campo sem alterar sua composição?
  21. Tenho um menu em que ao passar o mouse sobre cada elemento, ele altera a cor de uma div invisível logo abaixo. Por exemplo: Menu normal: Menu ao passar o mouse em uma categoria: e Para tal, eu desenvolvi o seguinte código em js com os eventos onmouseover e onmouseleave em minhas categorias: <script type="text/javascript"> function mudaCor1() { var cor = 'red'; document.getElementById('div1').style.backgroundColor = cor; } function mudaCor2() { var cor = 'red'; document.getElementById('div1').style.backgroundColor = cor; } function mudaCor3() { var cor = 'green'; document.getElementById('div1').style.backgroundColor = cor; } function mudaCor4() { var cor = 'black'; document.getElementById('div1').style.backgroundColor = cor; } function mudaCor5() { var cor = 'orange'; document.getElementById('div1').style.backgroundColor = cor; } function mudaCor6() { var cor = 'brown'; document.getElementById('div1').style.backgroundColor = cor; } function mudaCor7() { var cor = 'yellow'; document.getElementById('div1').style.backgroundColor = cor; } function mudaCor8() { var cor = 'pink'; document.getElementById('div1').style.backgroundColor = cor; } function mudaCor9() { var cor = 'purple'; document.getElementById('div1').style.backgroundColor = cor; } function mudaCor10() { var cor = 'grey'; document.getElementById('div1').style.backgroundColor = cor; } function devolvecor() { var cor = 'white'; document.getElementById('div1').style.backgroundColor = cor; } </script> Gostaria de lhes perguntar. Existe uma outra maneira mais simplificada com menos códigos para desenvolver a mesma funcionalidade?
  22. Cesar Melo

    O que estudar para PHP full stack?

    Olá. Gostaria de uma opinião sobre onde focar meus estudos para trabalhar com PHP. Atualmente tenho conhecimentos com a linguagem PHP, e os seguintes frameworks: Bootstrap e Jquery. Recentemente fiz um curso de Laravel+materialize e gostei muito desse framework. Meu primeiro contato com framework para backend e pretendo utilizar o Laravel daqui pra frente nos meus estudos. Minha questão é a seguinte, quero dar continuidade aos meus estudos para me qualificar para o mercado de trabalho, mas não sei exatamente os próximos cursos que vou estudar. Não sei se atualmente há uma combinação de frameworks mais utilizada ou requisitada no mercado de trabalho. Ex: Laravel+vue+bootstrap, ou laravel+angularjs+materialize, tipo isso. Dei uma pesquisada no google e youtube, e notei que não há muito conteúdo de cursos por exemplo de Laravel+angularjs. Procurando algumas vagas de emprego, notei que há grande procurar para profissionais com qualificação em Laravel, e tambem grande procura para profissionais com qualificação em AngularJs, porém vagas distintas. Acho que não vi nenhuma vaga que peça Laravel+AngularJs. Alguém aí pode me passar uma visão ou dar sua opinião sobre isso, para eu focar meus estudos? Alguém sabe o que andam usando bastante? Ou que seja indicado de trabalhar em conjunto com PHP? Ah, uma observação... atualmente meu foco são de projetos voltados para sistemas, admin, etc. Não tenho muito perfil para projetos de marketing ou que exijam um frontend "lindo". rsrs. Grato...
  23. Possuo pouco conhecimento em JS, então gostaria de solicitar uma ajuda com um script que montei para resgatar imagens de produtos de um determinado site/ecommerce utilizando o EAN do produto. No código abaixo eu passo via form alguns parametros como a URL do site onde quero pesquisar a imagem com "/" e na sequência o campo EAN com todos os códigos de barra que quero pesquisar separados por "," e por ultimo a extensão do arquivo de acordo com a extensão que o site em questão utiliza, jpg ou png. No final tudo será exibido na div dl_imgs e ai então eu posso dar um ctrl + s no meu navegador e salvar todas as imagens de uma vez. O objetivo do FOR é retornar imagem por imagem utilizando os parametros URL + EAN + EXT. Ex: "ecommerce.com.br/imagens/000030201.png". O que acontece é que preencho o campo EAN com todos os códigos de barras que preciso separados por virgula, mas o script não consegue montar o array e me retorna algo parecido com isso: https://cdn-*******.*******.com.br/products/7896003703863,7897005100223,7897005101589,7896360210097,7896003703863,7897005100223,7897005101589 Como podem ver me trás apenas uma imagem que não existe pois não separou os códigos de barra na matriz. Porem se eu copiar esses mesmos códigos e colocar direto na VAR MATRIZ, o script funciona. Segue abaixo o script utilizado. Desde já agradeço! <script> function loadImgs(){ /*--- Dados do formulário ---*/ var dataform = document.forms[0] || document.forms['dados']; //var t = dataform.imgtotal.value; var url = dataform.url.value; var ext = dataform.ext.value; var ean = dataform.ean.value; dataform.buscar.disabled = true; /*--- Gerar IMGS ---*/ var div = document.getElementById('dl_imgs') || document.dl_imgs; div.innerHTML = ""; novoArray = ean.split(','); var matriz = [novoArray]; for(var i=0; i<matriz.length; i++) { div.innerHTML += '<img src="'+url+""+matriz+''+ext+'" />'; } } </script> PS: Para melhorar ainda mais essa extração, eu gostaria de fazer isso fazendo um UPLOAD de um arquivo XLS contendo 2 colunas EAN e Nome produto, e no final exibir a imagem e abaixo o nome do produto, se alguém puder me dar uma luz de como fazer isso agradeço. Att;
  24. Oii, fala ae pessoal!! Alguém pode me ajudar com uma coisa por favor?; Seguinte!, eu anteriormente fiz uma pergunta aqui no fórum recorrente a isso, mas eu conseguir uma solução parcial. Que era, fazer uma listagem de todos os cadastros e fazer a junção dos cadastros com uma coluna igual, Ou seja existem duas colunas [DE e Para], que recebem o id de quem está recebendo ou que está enviando a mensagem, eu conseguir fazer a tal listagem por grupo mas o problema que estou tendo é: que so faz o agrupamento de as colunas contiver o id por ex: [De = "1" e Para ="2"]. Atualmente estou usando a codificação deste Jeito: $sql_2 = $db -> prepare("SELECT * FROM privado WHERE (Para = '$Meu_id') Or (De = '$Meu_id') GROUP BY Para, De DESC"); $sql_2 -> execute(); Esta consulta como pode ver ele busca todos os cadastros que tenha o meu ID ou seja do usuário online!, Após a consulta ele vei obter em um "while" somente o [ Id_De eo Id_Para ] desta forma: while($dados_2 = $sql_2 -> fetch(PDO::FETCH_OBJ)){ $Id_De = ($dados_2 -> De); $Id_Para = ($dados_2 -> Para); } Mas em fim eu gostaria de saber como mostrar somente um resultado ou seja o ultimo resultado que tiver o meu ID em ambas colunas [ Id_De ou Id_Para ]. Antes de vocês me recomendar a função DESC LIMIT 'valor' saiba eu quero que liste todos os usuários que enviou ou recebeu minha mensagem não somente 1 ou seja se eu mandar um mensagem para o usuário 2 e ele me retornar uma mensagem vai mostrar somente o ultimo registro que tenha o meu ID e o id dele. Atenciosamente, ~Ronaldo
  25. Boa noite pessoal! Alguém ai entente dos checkouts do Mercado Pago pra me explicar como eu obtenho os dados da preferência criada através da url disponível na API https://api.mercadopago.com/checkout/preferences/:id?access_token=ACCESS_TOKEN_ENV
×

Important Information

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