Autor Zpráva
atonalitka
Profil *
Ahoj. Mám tehle script. Funguje tak že když se přes nějaké slovo uvedené v menu najede cursorem tak se přehraje zvuk, ale nemůžu přijít na to jak udělat aby se ten zvuk přestal přehrávat pokud cursor sjede z toho slova.

<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
</head>
<body>
    <div id="page-wrap">
        <section id="two"><div class="inside">
        <ul id="nav-two" class="nav">
           
               <a href="#">slovo_1</a>
               <audio id="beep-two">
                <source src="audio/beep.mp3" controls></source>
                <source src="audio/beep.ogg" controls></source>
                Your browser isn't invited for super fun time.
            </audio>
             <br>
           <a href="#">slovo_2</a>
       <br>
           <a href="#">slovo_3</a>
       <br>
           <a href="#">slovo_4</a>
        </ul>
        <script>$("#nav-two a")
  .each(function(i) {
    if (i != 0) { 
      $("#beep-two")
        .clone()
        .attr("id", "beep-two" + i)
        .appendTo($(this).parent()); 
    }
    $(this).data("beeper", i);
  })
  .mouseenter(function() {
    $("#beep-two" + $(this).data("beeper"))[0].play();
  });
$("#beep-two").attr("id", "beep-two0");</script>
        </div></section>
    </div>
</body>
</html>

děkuji
atonalitka
Profil *
Nikdo neví :o/
joe
Profil
Za mouseenter dáš mouseleave, nebo to celé nahradíš hover funkcí a do té mouseleave dáš to samé jako je v mouseenter, jen tam bude stop() místo play()
atonalitka
Profil *
já vůbec nevim jak to myslíš. Takhle? to nefunguje. Neumim moc dobře ten js. Ale takhle bych to potřeboval. Dokud drží tlačítko tak zvuk hraje a po odmáčknutí nehraje

 <script>$("#nav-two a")
              .each(function(i) {
                if (i != 0) { 
                  $("#beep-two")
                    .clone()
                    .attr("id", "beep-two" + i)
                    .appendTo($(this).parent()); 
                }
                $(this).data("beeper", i);
              })
              .mousedown(function() {
                $("#beep-two" + $(this).data("beeper"))[0].play();
              });
              
              .click(function() {
                $("#beep-two" + $(this).data("beeper"))[0].stop();
              });
               
            $("#beep-two").attr("id", "beep-two0");</script>
atonalitka
Profil *
už s tim dělám psí kusy... tohle taky nejde... nechápu to
$("#nav-two a").mouseup(function(){
      $("#beep-two" + $(this).data("beeper"))[0].stop();
    }).mousedown(function(){
      $("#beep-two" + $(this).data("beeper"))[0].play();
    });



    
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    $("p").mouseup(function(){
      $(this).append('<span style="color:#F00;">odmáčknu</span>');
    }).mousedown(function(){
      $(this).append('<span style="color:#00F;">zmáčknu</span>');
    });



  <script src="http://code.jquery.com/jquery-latest.js"></script>
            <script>
    $("p").mouseup(function(){
      $(this).append('<span style="color:#F00;">odmáčknu</span>');
    }).mousedown(function(){
      $(this).append('<span style="color:#00F;">zmáčknu</span>');
    });

</script>
atonalitka
Profil *
Tak verzi s hover jsem už rozchodil ale ta funguje na dotek a já nevim jak ten hover přeměnit na mousedown a mouseup, taky jsem zjistil že něco jako stop() neexistuje a musí se použít currentTime=0 ale dál nevim jak s tím hnout
atonalitka
Profil *
Tak verzi s hover jsem už rozchodil ale ta funguje na dotek a já nevim jak ten hover přeměnit na mousedown a mouseup, taky jsem zjistil že něco jako stop() neexistuje a musí se použít currentTime=0 ale dál nevim jak s tím hnout

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: