Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

JhamesLuuse

Jquery bloqueia javascript?

Por , em Javascript

Recommended Posts

JhamesLuuse    0

JhamesLuuse
Postado

Gente, eu precisei chamar um jquery (jquery-1.7.2.min.js) para fazer funcionar um proguess bar (barra de proguesso) de áudio mas aí outros dois scripts deixaram de funcionar '-'

Já tentei de tudo, troquei posições... não sei se foi obrigatoriamente o jquery ou se estou errando em alguma coisa ou se tem algum script bloqueado... eu não entendo muito de JS e complica.

Meu código simplificado:

PS: O player.js já estava antes e não causou problemas

<DOCTYPE html>
<head>
<link rel="stylesheet" href="estilo.css"/>
<!-- aqui o jquery que precisei adicionar para o script de proguesso do audio-- >
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

<!-- aqui o script que precisou do jquery -- >
<script>
var counter = 0;
$(document).ready(function(){
$("#audio-player-index").bind('timeupdate', function(){

var track_length = $("#audio-player-index")[counter].duration;
var secs = $("#audio-player-index")[counter].currentTime;
var progress = (secs/track_length) * 100;

$('#progresso').css({'width' : progress + "%"});

var tcMins = parseInt(secs/60);
var tcSecs = parseInt(secs - (tcMins * 60));

if (tcSecs < 10) { tcSecs = '0' + tcSecs; }
})
})
</script>

<!-- aqui o script de repetir que deixou de funcionar -- >
<script>
var x = document.getElementById("audio-player-index");
function toogleLoop(el) {
el.value = el.value === 'Enable loop' ? 'Disable loop' : 'Enable loop';
x.loop = !x.loop;
}
</script>

<!-- outro script que deixou de funcionar (falta o contexto no HTML) -- >
<script>
var x = document.getElementById("audio-player-index");
var y = document.getElementById("audio-player");
function playAud() {
y.play();
y.currentTime = 0;
x.pause();
}
function pauseAud() {
x.pause();
y.pause();
}
</script>

</head>
<body>
<div class="player">
<div id="progresso"></div>
<span class="repetir" onclick="toogleLoop(this)">
<img src="repetir.png" alt="repetir.png" />
</span>
<audio id="audio-player-index" preload="auto">
<source src="audio.mp3" type="audio/mpeg"/>
</audio>
</div>
<script src="js/player.js"></script>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

JhamesLuuse    0

JhamesLuuse
Postado

Aparece algum erro na consola do Firebug (se estiver utilizando FireFox) ou no Chrome Developer Tools (se estiver utilizando o google chrome)??

Sim! eu ainda não tinha visto essa função!

Aparece isto:

Captura_de_tela_de_2016_08_23_10_01_10.p

Aqui quando clico em cada um (naqueles links á direita):

image.png

image.png

image.png

Você entende o que quer dizer, ou o que fazer para arrumar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

sousatg    9

sousatg
Postado

Na linha 13 do ficheiro in.html o problema é que esta a tentar utilizar o metodo ".play()" o problema é que as váriaveis x e y não tem nenhum método são apenas objectos HTML do DOM.

Para te podermos ajudar você devia postar o seu código fonte no pastebin ou no github.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

todas as tags script devem vir depois do html do elemento de audio.

esse erro é porque você colocou as tags script antes do elemento html.

Compartilhar este post

Link para o post
Compartilhar em outros sites

JhamesLuuse    0

JhamesLuuse
Postado

todas as tags script devem vir depois do html do elemento de audio.

esse erro é porque você colocou as tags script antes do elemento html.

Foi exatamente o que você falou! Mais uma vez MUITO obrigado!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

JhamesLuuse    0

JhamesLuuse
Postado

Na linha 13 do ficheiro in.html o problema é que esta a tentar utilizar o metodo ".play()" o problema é que as váriaveis x e y não tem nenhum método são apenas objectos HTML do DOM.

Para te podermos ajudar você devia postar o seu código fonte no pastebin ou no github.

Já resolvi, foi o que William Bruno falou. Mas obrigado também!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

sousatg    9

sousatg
Postado

Já resolvi, foi o que William Bruno falou. Mas obrigado também!!

Sim é verdade tinha esquecido que quando o código está no HEAD tem que estar dentro de um "$(document).ready()" ou "window.onload" para esperar que o DOM seja carregado ou como a solução do William de colocar o javascript no fim do BODY

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • ILR master
      Abrir url na mesma janela
      Por ILR master
      Pessoal, pergunta bem simples. Abaixo tenho o seguinte código:
       
      <script>
      function alerta()
      {
        if (window.confirm("Você realmente quer sair?")) {
          window.open("sair.html");
      }
      }
      </script>
       
      Funciona perfeitamente, só que está abrindo em outra janela e quero que abra na mesma janela.
       
      Alguém pode me ajudar?
    • Giovanird
      Atualizar pagina PHP que esta dentro de uma div
      Por Giovanird
      Olá a todos!
      Tenho uma pagina que possui uma DIV onde coloquei uma pagina PHP.
      Uso a função setInterval para atualizar a pagina inclusa dentro da DIV.
      O problema é que ao acessar o site , a DIV só me mostra a pagina inclusa somente quando completo o primeiro minuto.
      Preciso que a pagina inclusa já inicie carregada
       
      Meu código JavaScript e a DIV com a pagina PHP
       
      <script> function atualiza(){ var url = 'direita.php'; $.get(url, function(dataReturn) { $('#direita').html(dataReturn); }); } setInterval("atualiza()",60000); </script> <div> <span id="direita"></span> </div>  
    • Thiago Duarte
      Drag and Drop para arrastar imagem
      Por Thiago Duarte
      Oi, gostaria de arrastar imagem e ao soltar formar bloco html, meu bloco de html ficaria com nome, content-1.html, content-2.html, etc
       
      Alguem pode me ajudar?
    • belann
      Upload de arquivos com javascript
      Por belann
      Olá!
       
      Estou fazendo o upload de arquivos com fetch dessa forma
      fetch(url, {
              method: 'POST',
              headers: {'Content-Type': 'multipart/form-data',},
              body: formData 
          }).catch((error) => (console.log("Problemas com o Upload"), error));
       
      estou usando input type=file
      e criando uma const formData = new FormData(); 
      mas não faz e não dá nenhum erro.
      estou fazendo o upload com a url="http://localhost/dashboard/dados".
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito