Jump to content
Fórum Script Brasil

João Paulo Chagas

Membros
  • Content Count

    12
  • Joined

  • Last visited

Posts posted by João Paulo Chagas

  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

    cats2.jpg

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

     

  4. 2 horas atrás, João Paulo Chagas disse:

     

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

  5. Em 01/07/2018 at 03:45, VOIDZED disse:

    Obrigado irmao....você ma salvou

    Você colocou os comandos entre aspas

    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>";

     

     

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

    cats2.jpg

  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. 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>
  9. 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>
×
×
  • Create New...