Jump to content

asfaria

Members
  • Content count

    18
  • Joined

  • Last visited

Community Reputation

0 Comum

About asfaria

  1. asfaria

    carregar a imagem no onclick

    ja procurei erro neste codigo e não achei nada tenho uma pasta para cada tipo de arquivo: imagens ; JS ; css e audio. me diz uma coisa quem chama esta imagem? é o js né.
  2. asfaria

    carregar a imagem no onclick

    Galera me ajuda ai,. estou com mais um problema já e não o erro, onclick não carrega a imagem do pause <html lang="pt-br"> <head> <meta charset="utf-8"> <title>Cantora Gospel</title> <meta name=""> <meta name="decription" content=""> <link rel="stylesheet" href="css/estilo.css"> <script type="text/javascript" src="js/controls.js"></script> </head> <body id="home"> <header> <div id="wrapper"> <audio id="mytrack" controls> <source src="audio/som.mp3" type="audio/mp3"/> </audio> <nav> <div id="defaultBar"> <div id="progressBar"></div> </div> <div id="buttons"> <button type="button" id="playButton" onclick="playOrPause()"></button> <button type="button" id="muteButton"><button> <span id="currentTime">0:00</span> / <span id="fullDuration">0:00</span> </div> </nav> </div> </header> <script type="text/javascript" src="js/controls.js"></script> <div class="container"> <nav id="menu"> <ul id="nav"> <li><a href="index.html" id="ho">Home</a></li> <li><a href="news.html">News</a></li> <li><a href="perfil.html">Perfil</a></li> <li><a href="fotos.html"class="active">Fotos</a></li> <li><a href="videos.html">Videos</a></li> <li><a href="discografia.html">Discografia</a></li> </ul> </nav> <section>Conteudo</section> <aside>Relacionado</aside> <footer>Roda Pé</footer> </div> </body> </html> CSS #defaultBar{ width:640px; position:relative; background-color:#606060; height:10px; } #progressBar{ position:absolute; height:0px; background-color:#3498db; width:100px; } #playButton{ background-color:rgb(250,250,250); border:none; height:20px; width:20px; background-image: url(../imagens/play.png); background-repeat:no-repeat; background-position:center; } #muteButton{ background-color:rgb(250,250,250); border:none; height:20px; width:20px; background-image: url(../imagens/speak.png); background-repeat:no-repeat; background-position:center; } #muteButton:active,#playButton:active { position:relative; top:2px; } JAva Script var mytrack = document.getElementById('mytrack'); var playButton = document.getElementById('playButton'); function playOrPause(){ if(!mytrack.paused && !mytrack.ended){ mytrack.pause(); playButton.style.backgroundImage = 'url(../imagens/play.png)'; } else{ mytrack.play(); playButton.style.backgroundImage = 'url(../imagens/pause.png)'; } } O erro Failed to load resource: net::ERR_FILE_NOT_FOUND
  3. asfaria

    Codigo JS não acessa o player para controle.

    Valeu camarada vcs ai são nosso socorro! Obrigadão!!
  4. asfaria

    Codigo JS não acessa o player para controle.

    Valeu mestre. Tú é o cara! mestre. Tú é o cara!
  5. asfaria

    Codigo JS não acessa o player para controle.

    Foi mal é este file:///C:/Users/Alexandre-Pc/Desktop/Curso_html/javascript.js Failed to load resource: net::ERR_FILE_NOT_FOUND controls.js:5 Uncaught TypeError: Cannot read property 'paused' of null at playOrPause (controls.js:5) at HTMLButtonElement.onclick (VM32 fotos.html:29) controls.js:5 Uncaught TypeError: Cannot read property 'paused' of null at playOrPause (controls.js:5) at HTMLButtonElement.onclick (VM32 fotos.html:29) controls.js:5 Uncaught TypeError: Cannot read property 'paused' of null at playOrPause (controls.js:5) at HTMLButtonElement.onclick (VM32 fotos.html:29) controls.js:5 Uncaught TypeError: Cannot read property 'paused' of null at playOrPause (controls.js:5) at HTMLButtonElement.onclick (VM32 fotos.html:29) controls.js:5 Uncaught TypeError: Cannot read property 'paused' of null at playOrPause (controls.js:5) at HTMLButtonElement.onclick (VM32 fotos.html:29) controls.js:5 Uncaught TypeError: Cannot read property 'paused' of null at playOrPause (controls.js:5) at HTMLButtonElement.onclick (VM32 fotos.html:29) controls.js:5 Uncaught TypeError: Cannot read property 'paused' of null at playOrPause (controls.js:5) at HTMLButtonElement.onclick (VM32 fotos.html:29) controls.js:5 Uncaught TypeError: Cannot read property 'paused' of null at playOrPause (controls.js:5) at HTMLButtonElement.onclick (VM32 fotos.html:29) controls.js:5 Uncaught TypeError: Cannot read property 'paused' of null at playOrPause (controls.js:5) at HTMLButtonElement.onclick (VM32 fotos.html:29) controls.js:5 Uncaught TypeError: Cannot read property 'paused' of null at playOrPause (controls.js:5) at HTMLButtonElement.onclick (VM32 fotos.html:29)
  6. asfaria

    Codigo JS não acessa o player para controle.

    scriptaculous.js?load=effects,dragdrop,builder:31 A Parser-blocking, cross-origin script, http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8/effects.js, is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity. See https://www.chromestatus.com/feature/5718547946799104 for more details. require @ scriptaculous.js?load=effects,dragdrop,builder:31 scriptaculous.js?load=effects,dragdrop,builder:31 A Parser-blocking, cross-origin script, http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8/dragdrop.js, is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity. See https://www.chromestatus.com/feature/5718547946799104 for more details. require @ scriptaculous.js?load=effects,dragdrop,builder:31 scriptaculous.js?load=effects,dragdrop,builder:31 A Parser-blocking, cross-origin script, http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8/builder.js, is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity. See https://www.chromestatus.com/feature/5718547946799104 for more details. require @ scriptaculous.js?load=effects,dragdrop,builder:31 VM2971:1 'webkitOfflineAudioContext' is deprecated. Please use 'OfflineAudioContext' instead. (anonymous) @ VM2971:1 da uma olhada para mim
  7. Alguem poderia me ajudar a ver o erro do codigo, meu js nâo aponta para meu player d audio. Obrigado! <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <title>Cantora Gospel</title> <meta name=""> <meta name="decription" content=""> <link rel="stylesheet" href="css/estilo.css"> <script src="javascript.js"></script> <script type="text/javascript" src="js/controls.js"></script> </head> <body id="home"> <header> <div id="wrapper"> <audio id="mytrack" controls> <source src="audio/som.mp3" type="audio/mp3"/> </audio> <nav> <div id="defaultBar"> <div id="progressBar"></div> </div> <div id="buttons"> <button type="button" id="playButton" onclick="playOrPause()"></button> <button type="button" id="muteButton"></button> <span id="currentTime">0:00</span> / <span id="fullDuration">0:00</span> </div> </nav> </div> </header> <div class="container"> <nav id="menu"> <ul id="nav"> <li><a href="index.html" id="ho">Home</a></li> <li><a href="news.html">News</a></li> <li><a href="perfil.html">Perfil</a></li> <li><a href="fotos.html"class="active">Fotos</a></li> <li><a href="videos.html">Videos</a></li> <li><a href="discografia.html">Discografia</a></li> </ul> </nav> <section>Conteudo</section> <aside>Relacionado</aside> <footer>Roda Pé</footer> </div> </body> </html> Javascript. var mytrack = document.getElementById('mytrack'); var playButton = document.getElementById('playButton'); function playOrPause(){ if(!mytrack.paused && !mytrack.ended){ mytrack.pause(); playButton.style.backgroundImage = 'url(../imagens/play.png)'; } else{ mytrack.play(); playButton.style.backgroundImage = 'url(../imagens/pause.png)'; } }
  8. asfaria

    menu ativo!

    agora já sei onde recorrer quando estiver no sufoco.
  9. asfaria

    menu ativo!

    Valeu fera! obrigado você me ajudou demais. o erro estava no codigo anteriorq não apontava para a class: a:active nesse codigo você foi grande: a.actice . fechou muito obrigado!!!
  10. asfaria

    menu ativo!

    tem alguma coisa errada! estou desde cedo tentando uma solução agora estou apelando para o site socorro esta class aonde você aponta para ela no css?
  11. asfaria

    menu ativo!

    sera que estou fazendo algo errado? este class active eu tenho q colocar em todos os links?
  12. asfaria

    menu ativo!

    não funcionou! eu queria deixar o background do li ativo em cada pagina que navego no site. obrigado!
  13. asfaria

    menu ativo!

    gostaria q alguem me ajudasse a deixar meu menu ativo ao clicar no link, que o hover permanece em cada click, ficasse selecionado indicando qual pagina esta. <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <title>Cantora Gospel</title> <meta name=""> <meta name="decription" content=""> <link rel="stylesheet" href="css/estilo.css"> </head> <body id="home"> <header> <img src="imagens/img.png"> </header> <div class="container"> <nav id="menu"> <ul id="nav"> <li><a href="index.html">Home</a></li> <li><a href="news.html">News</a></li> <li><a href="perfil.html">Perfil</a></li> <li><a href="fotos.html">Fotos</a></li> <li><a href="videos.html">Videos</a></li> <li><a href="discografia.html">Discografia</a></li> </ul> </nav> <section>Conteudo</section> <aside>Relacionado</aside> <footer>Roda Pé</footer> </div> </body> </html> meu codigo css. *{ margin: 0px; padding:0px; font-family: arial; } img{ width:100%; margin:-36px; } nav#menu ul{ list-style:none; position: relative; top: -10px; left: 30%; } nav#menu li{ display:inline-block; padding:10px; } nav#menu a{ color: #fff; text-decoration:none; padding:10px; } nav#menu a:hover{ color:#000; } li:hover{ background:#fff; } header{ background-color:#fff; width:100%; text-align:center; border:1px solid #000; padding: 0px; } section{ background-color:#fff; margin-top:10px; width:900px; height:500px; float:left; } aside{ margin-left:10px; background-color:#fff; width:290px; margin-top:10px; height:500px; float:left; margin-bottom:10px; } footer{ background-color:#fff; width:1200px; height: 100px; clear:both; } .container{ background-color:#ccc; border:1px solid #000; width:1200px; margin:auto; }
×

Important Information

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