mudar tom de cifra com javascript

[João Paulo Chagas 0]

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>

[.Andreia. 0]

aqui não travou (usando Firefox), qual navegador você está usando?

ps.: Não confunda Java com Javascript, são coisas diferentes ;)

[João Paulo Chagas 0]

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