Webboard

Pełna wersja: Buttony wyciszania/wznawiana i zatrzymywania/odtwarzania muzyki.
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Witam. Mam na swoim forum opcję ustawienia własnej muzyki w tle profilu. Ogarnąłem mniej więcej wyciszanie i zatrzymywanie muzyki.
Teraz chciałbym aby po wyciszeniu muzyki button zamienial sie na inny (tzn. aby ikonka fa-volume-off zamienila sie na fa-volume-up).
Tak samo z zatrzymywaniem muzyki (ikonka fa-stop na fa-play).

Oto kod który posiadam:


Kod:
<td colspan="2" class="thead" style="border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;">
    <span style="float: left;">
        Profil {$formattedname}
    </span>
    <span style="float: right;">
        <button class="mute" onclick="document.getElementById('sound').muted = !document.getElementById('sound').muted">
            <i class="fa fa-volume-off"></i>
        </button>
        <button class="play" onclick="document.getElementById('sound')[document.getElementById('sound').paused || document.getElementById('sound').ended ? 'play' : 'pause']()">
            <i class="fa fa-stop"></i>
        </button>
    </span>
</td>
Ja bym na twoim miejscu operował tutaj na id, nie na samym onclick.

http://stackoverflow.com/questions/37786...s-on-click
wlasnie problem w tym, ze totalnie nie umiem jscripta ;)
wydawalo mi sie, ze napisanie tego bedzie proste lecz chyba sie przeliczylem :D
Jak chcesz gotowe rozwiązanie pod twój przypadek to link do forum by się przydał (ewentualnie konto testowe - jesli wymagane). Na ten moment mogę ci napisać tylko tyle, że pod zdarzenie click musiałbyś dorobić dodatkowo atrybut attr lub toggleClass i manipulować klasą elementu i które jest dzieckiem buttonu o klasie mute (chociaz zaleca sie w sumie uzywac multum klas zamiast robic takich relacje rodzic > dziecko ze wzgledu na mozliwą przebudowe szablonu w przyszlosci). W sumie wszystko zalezy jak chcesz to miec zrobione.