Ir para conteúdo
Fórum Script Brasil

João Paulo Chagas

Membros
  • Total de itens

    12
  • Registro em

  • Última visita

Tudo que João Paulo Chagas postou

  1. fala galera boa tarde...tenho um codigo que grava umas informacoes em localstorage, e uma outra pagina onde recupero os dados, mas não estou conseguindo fazer com que o botao "ESTRELA", exclua os dados referente a key, vocês poderia me dar uma mao, desde já agradeco. segue o codigo que recupera os dados de localstorage <div id="internal-page"> <ul id="itens"> </ul> </div> <script> for(i=1; i<=250; i++) // verifica entrada { var prod = localStorage.getItem("pag" + i + ""); // verifica se há recheio nesta posição. if(prod != null) { document.getElementById("itens").innerHTML += "<div><li class='topcoat-list__item' onClick=javascript:location.href='" + localStorage.getItem('pag' + i) + "'>" + localStorage.getItem('titulo' + i) + "<br /><span style='font-size:11px;'>" + localStorage.getItem('tag' + i) + "</span></li><input align='right' class='del' type='image' src='../assets/img/add.png' onClick='window.localStorage.removeItem(localStorage.key(0)); location.reload();'></div>"; } } </script> abaixo vocês podem ver a pagina com os dados recuperados e em modo debugue, pra vocês ver os dados gravados em localstorage
  2. fala galera boa noite! tenho uma pagina com milhares de LI , cada uma tem um comando para adicionar determinada LI em favorita em localstorage e em outra pagina recebo esses dados gravados em localstorage, mas ai nessa segunda pagina gostaria que esses LI estivesso o valor invertido, ao invés de adicionar seria excluir de favoritos, caso o usuario queria, eu tenho um botao pra limpar todo o localstorage, mas não he isso o que eu estou querendo, seria excluir apenas uma determinada li, segue os codigos que tenho codigo que adiciona <div><li class="topcoat-list__item" onClick=javascript:location.href="emtuacasac.html">em tua casa<br /><span style="font-size:11px;">entrada</span></li><input align="right" class="add" type="image" src="../assets/img/add.png" onclick="Addfavorito('emtuacasac.html','em tua casa','entrada', 1)"></div> <div><li class="topcoat-list__item" onClick=javascript:location.href="reunidosaquic.html">REUNIDOS AQUI<br /><span style="font-size:11px;">ENTRADA - ANIMACAO</span></li><input align="right" class="add" type="image" src="../assets/img/add.png" onclick="Addfavorito('reunidosaquic.html','REUNIDOS AQUI','ENTRADA - ANIMACAO', 2)"></div> <div><li class="topcoat-list__item" onClick=javascript:location.href="tesouroinesgotavelc.html">TESOUSO INESGOTAVEL<br /><span style="font-size:11px;">entrada - final</span></li><input align="right" class="add" type="image" src="../assets/img/add.png" onclick="Addfavorito('tesouroinesgotavelc.html','TESOUSO INESGOTAVEL','entrada - final', 3)"></div> <div><li class="topcoat-list__item" onClick=javascript:location.href="coracaopreciosoc.html">CORACAO PRECIOSO<br /><span style="font-size:11px;">entrada - final</span></li><input align="right" class="add" type="image" src="../assets/img/add.png" onclick="Addfavorito('coracaopreciosoc.html','CORACAO PRECIOSO','entrada - final', 4)"></div> <div><li class="topcoat-list__item" onClick=javascript:location.href="coracaosagradoc.html">CORACAO SAGRADO<br /><span style="font-size:11px;">ENTRADA</span></li><input align="right" class="add" type="image" src="../assets/img/add.png" onclick="Addfavorito('coracaosagradoc.html','CORACAO SAGRADO','ENTRADA', 5)"></div> //obs: tem mais de 3000 lis, mandei 5 como exemplo// <script> function Addfavorito(pag, titulo, tag, id) { localStorage.setItem("pag" + id, pag); localStorage.setItem("titulo" + id, titulo); localStorage.setItem("tag" + id, tag); alert("Adicionado em Favoritos!"); } </script> agora o codigo da outra pagina que recebe os dados <div id="internal-page"> <ul id="itens"> </ul> </div> <script type="text/javascript"> </script> <script> for(i=1; i<=3000; i++) // verifica entrada { var prod = localStorage.getItem("pag" + i + ""); // verifica se há recheio nesta posição. if(prod != null) { // exibe os dados da lista dentro da div itens // document.getElementById("itens").innerHTML += localStorage.getItem("pag" + i); // document.getElementById("itens").innerHTML += localStorage.getItem("titulo" + i); // document.getElementById("itens").innerHTML += localStorage.getItem("tag" + i); //document.getElementById().innerHTML = "entrada"; document.getElementById("itens").innerHTML += "<div><li class='topcoat-list__item' onClick=javascript:location.href='" + localStorage.getItem('pag' + i) + "'>" + localStorage.getItem('titulo' + i) + "<br /><span style='font-size:11px;'>" + localStorage.getItem('tag' + i) + "</span></li><input align='right' class='add' type='image' src='../assets/img/add.png' onclick="Delfavorito('pag','titulo','tag', id)"></div>"; } } </script> <script> function Delfavorito(pag, titulo, tag, id) { localStorage.removeItem("pag" + id, pag); localStorage.removeItem("titulo" + id, titulo); localStorage.removeItem("tag" + id, tag); alert("Removido de Favoritos!"); } </script> é esse codigo acima que eu precisava resolver, fazer cada li ter sua funcao de ser excluida, e se possivel dar um reload na pagina apos a excluisao, igual faz o botao a baixo que limpa o localstorage, desde já muita gratidao a quem puder me ajudar nesse codigo. obrigado <button class="topcoat-icon-button" type="button" onClick=" localStorage.clear(); location.reload();"> LIMPAR FAVORITOS </button>
  3. Amigo...me ajude a colocar o parametro...pois não sei e não estou conseguindo
  4. fala galera beleza...tenho esse seguinte codigo 1000 LIs como essa <li class="topcoat-list__item"><a href='familiaarquiteturadivina.html'>familia arquitetura divina - vera lucia</a><br /><span style="font-size:11px;">pais</span><div style="margin:-35px -15px 0px 0px;" align="right"><button class="topcoat-list__btn" onclick="Addfavorito('familiaarquiteturadivina.html','familia arquitetura divina - vera lucia','pais', 1)"><img src="../assets/img/add.png" width="20px" height="20px"></button></div></li> preciso que esse button trocasse a funcao do onclick e a class do button quando o usuario clicasse em cima desse button ai ele teria que ficar assim <li class="topcoat-list__item"><a href='familiaarquiteturadivina.html'>familia arquitetura divina - vera lucia</a><br /><span style="font-size:11px;">pais</span><div style="margin:-35px -15px 0px 0px;" align="right"><button class="topcoat-list__btndel" onclick="Delfavorito('familiaarquiteturadivina.html','familia arquitetura divina - vera lucia','pais', 1)"><img src="../assets/img/add.png" width="20px" height="20px"></button></div></li> o button teria que somente esses dois parametros....pois os outros dados permaneceriam os mesmos.. esse button grava esses dados em localstorage e depois recupero esse dados em outra pagina esse he o script que faz a gravação <script> function Addfavorito(pag, titulo, tag, id) { localStorage.setItem("pag" + id, pag); localStorage.setItem("titulo" + id, titulo); localStorage.setItem("tag" + id, tag); alert("Item adicionado!"); } function Delfavorito(pag, titulo, tag, id) { localStorage.removeItem("pag" + id, pag); localStorage.removeItem("titulo" + id, titulo); localStorage.removeItem("tag" + id, tag); alert("Item Removido!"); } </script> .qual seria a forma mais correta e mais facil de fazer isso? pois queria que esse button mudace de cor e as funcoes dele passace a ser de deletar os dados esse button teria que verificar se os dados dele já estao gravados pra ver qual button exibiria??? tem uma forma de fazer isso??? pois tenho mais de 1000 LIs como essa...então tenq ser de jeito mais mais facil de fazer isso obs: lembrando que esta tudo funcionando perfeitamente...so queria implementar essa outra funcao. grato pela ajuda
  5. amigo poderia me ajudar a colocar um button na frente de cada li dessa com uma funcao de remover a li do localstorage....caso o usuario grave li errada esse codigo que você me passou deu certo...agora queria colocar esse button na frente de cada li document.getElementById("itens").innerHTML += "<li class='topcoat-list__item'>" + "<a href='" + localStorage.getItem('pag' + i) + "\'>" + localStorage.getItem('titulo' + i) + "</a><br /><span style='font-size:11px;'>" + localStorage.getItem('tag' + i) + "</span></li>"; Seria algo assim amigo??? document.getElementById("itens").innerHTML += "<li class='topcoat-list__item'>" + "<a href='" + localStorage.getItem('pag' + i) + "\'>" + localStorage.getItem('titulo' + i) + "</a><br /><span style='font-size:11px;'>" + localStorage.getItem('tag' + i) + "</span><div style='margin:-35px 0px 0px 0px;' align='right'><button type='button' onClick='localStorage.removeItem(); location.reload();'> Excluir </button></div></li>"; desde já muito grato!!
  6. boa tarde galera...tenho uma pagina com um button que faço a gravação de dados em locastorage... onde em outra pagina quero o retorno dos dados gravados...os dados estao retornando com esse codigo. esse script esta em outra pagina <script> for(i=1; i<=99; i++) // verifica até 99 dados registrados na localStorage { var prod = localStorage.getItem("pag" + i + ""); // verifica se há recheio nesta posição. if(prod != null) { // exibe os dados da lista dentro da div itens...esse codigo esta retornando os valores em texto document.getElementById("itens").innerHTML += localStorage.getItem("pag" + i) + " x "; //isso é um link ex: santos.html document.getElementById("itens").innerHTML += localStorage.getItem("titulo" + i) + " x "; //isso é um titulo ex: santos document.getElementById("itens").innerHTML += localStorage.getItem("tag" + i) + "<hr>"; //isso é uma tag ex: estado // eu queria que o retorno fosse em forma de uma li como esta que esta a baixo <li class="topcoat-list__item"><a href="santos.html">santos</a><br /><span style="font-size:11px;">estado</span></li> // tentei fazer dessa forma que esta a baixo mas não esta retornando os dados do DB, o que pode estar errado?? // alguém pod me ajudar por favor document.getElementById("itens").innerHTML += "<li class='topcoat-list__item'>" + "<a href='localStorage.getItem('pag' + i)'>" + "localStorage.getItem('titulo' + i)" + "</a><br /><span style='font-size:11px;'>" + "localStorage.getItem('tag' + i)" + "</span></li>"; } } </script> desde já muito obrigado pela ajuda!!
  7. Fala galera boa tarde, tenho uma função filtro em javascript em um projeto para filtrar li, preciso que essa função desconsidere qualquer tipo de acentuação e caracter especial que o input retorna a ele, para que se a pessoa digitar com acento ou sem acento ele faça a mesma brusca...desde já muito obrigado pela ajuda. segue o codigo que faz a busca...preciso muito dessa correção para terminar meu projeto. as li estão todas cadastradas todas sem acentiação, mas se o usuario digitar com acentuação ele não acha nada essa variavel #txtBusca é o id do input. <script type="text/javascript"> $(function(){ $("#txtBusca").keyup(function(){ var texto = $(this).val(); $("#ulItens li").css("display", "block"); $("#ulItens li").each(function(){ if($(this).text().indexOf(texto) < 0) if($(this).text().toUpperCase().indexOf(texto.toUpperCase()) < 0) $(this).css("display", "none"); }); }); }); </script>
  8. Oi Andreia desculpa minha "ignorancia" é q sou leigo no assunto...kkkkkk Entao...fiz umas mudancas ....se vc poder dar uma olhada agradeco http://canticosliturgicos.16mb.com/app/mudartomdecifra.html
  9. Fala galera blz... sou novato aqui no forum...e estou com um problema...estou desenvolvento uma aplicação em html e javascript, o problema e o seguinte... tenho que implementar uma função e javascript para mudar o tom de cifra de musicas na minha aplicação... ja tenho ate a função funcionando separada, mas quando aplico ao site os javascript dessa função esta entrando em conflito com outros java ja instalado...ficarei muito grato pela ajuda de vcs nesse assunto... desde ja muito obrigado pela ajuda... e so pra reforçar.... sou leigo em javascript....so pesquiso as funções na net e implemento a aplicação..obrigado. esse e o link da aplicação sem a função de mudar tom http://canticosliturgicos.16mb.com/app/c-santissimatrindade.html esse e o link da função mudança de tom - funcionando http://canticosliturgicos.16mb.com/mudancadetom/index.html esse é o link da funcao mudar tom instalada em minha aplicação. que no caso trava aplicação,...acontece o erro....se alguem poder me ajudar ficarei muito grato. http://canticosliturgicos.16mb.com/app/mudartomdecifra.html quando implemento esse script que entra em conflito com o restante da aplicação <script> $(function() { $( "#tabs" ).tabs(); document.getElementById('cifra').innerHTML = "<button id='menos-meio-tom'>-1/2 tom</button>" + "<button id='mais-meio-tom'>+1/2 tom</button>" + "</div></center><br/><br/>" + document.getElementById('cifra').innerHTML; $( "#menos-meio-tom" ).button() .click(function() { var cifras = document.getElementsByTagName ('b'); for (i = 0; i < cifras.length; i++) { if(!mapMenosMeioTom[cifras.innerHTML]){ console.log('Cifra no mapeada'); continue; } cifras.innerHTML = mapMenosMeioTom[cifras.innerHTML]; } }); $( "#mais-meio-tom" ).button() .click(function() { var cifras = document.getElementsByTagName ('b'); for (i = 0; i < cifras.length; i++) { if(!mapMaisMeioTom[cifras.innerHTML]){ console.log('Cifra no mapeada', cifras.innerHTML); continue; } cifras.innerHTML = mapMaisMeioTom[cifras.innerHTML]; } }); }); </script>
  10. Fala galera boa tarde... sou novato aqui no forum...e estou com um problema...estou desenvolvento uma aplicação em html e javascript, o problema e o seguinte... tenho que implementar uma função e javascript para mudar o tom de cifra de musicas na minha aplicação... ja tenho ate a função funcionando separada, mas quando aplico ao site os javascript dessa função esta entrando em conflito com outros java ja instalado...ficarei muito grato pela ajuda de vcs nesse assunto... desde ja muito obrigado pela ajuda... e so pra reforçar.... sou leigo em javascript....so pesquiso as funções na net e implemento a aplicação..obrigado. esse e o link da aplicação sem a função de mudar tom http://canticosliturgicos.16mb.com/app/c-santissimatrindade.html esse e o link da função mudança de tom - funcionando como vcs podem ver esse script funciona perfeito...o problema e que entra em conflito com outro script...que não sei onde é http://canticosliturgicos.16mb.com/mudancadetom/index.html esse é o link da aplicação com funçao mudar tom instalada...veja o que acontece....trava a aplicação http://canticosliturgicos.16mb.com/app/mudartomdecifra.html acho quer é quando instalo esse script que o problema acontece <script> $(function() { $( "#tabs" ).tabs(); document.getElementById('cifra').innerHTML = "<button id='menos-meio-tom'>-1/2 tom</button>" + "<button id='mais-meio-tom'>+1/2 tom</button>" + "</div></center><br/><br/>" + document.getElementById('cifra').innerHTML; $( "#menos-meio-tom" ).button() .click(function() { var cifras = document.getElementsByTagName ('b'); for (i = 0; i < cifras.length; i++) { if(!mapMenosMeioTom[cifras.innerHTML]){ console.log('Cifra no mapeada'); continue; } cifras.innerHTML = mapMenosMeioTom[cifras.innerHTML]; } }); $( "#mais-meio-tom" ).button() .click(function() { var cifras = document.getElementsByTagName ('b'); for (i = 0; i < cifras.length; i++) { if(!mapMaisMeioTom[cifras.innerHTML]){ console.log('Cifra no mapeada', cifras.innerHTML); continue; } cifras.innerHTML = mapMaisMeioTom[cifras.innerHTML]; } }); }); </script>
×
×
  • Criar Novo...