Welcome, Guest

Component and plugin for musical sites / Компонент для музыкальных сайтов и улучшенная версия плагина MP3 Browser

TOPIC: How to stay only Play/Pause button on the page

How to stay only Play/Pause button on the page 11 years 2 months ago #6844

admin
Offline
Администратор
Posts: 465
Thank you received: 40
Karma: 19

If You wish to remove stop button, slider and volume control from the Commedia, You should to open plugins/content/commedia/commedia.php and cut out of that file:

line 735:

document.getElementById("playerslider"+si).style.display = "";

lines 1692-1709:

echo '<script type="text/javascript">
            /*<![CDATA[*/
              '.$jqp.'(document).ready(function() {
              '.$jqp.'("#playercontroller'.$mp3count.'").bind("mousedown", function(pEvent) {
                    var startX = _findPosX(document.getElementById("timeline'.$mp3count.'"));
                    var x = _xmouse(pEvent);

                    if (x < (startX + '.($plstwdt*2).')) {
                       return;
                    } else {
                       var position = Math.round('.($seconds>0?$seconds:$jqp.'("#jplayer'.$mp3count.'").data("jPlayer").status.duration').' * (((x - startX - '.($plstwdt*2).') / timelineWidth'.$commcount.')));
                    }
                    play('.$mp3count.',position);
                 });
              });
                /*]]>*/
                ';
        echo '</script>';

lines 1801-1819:

<div class="mp3button stop" title="'.JTEXT::_('Stop').'"><div onclick="stop('.$mp3count.','.(($_radio)?'true':'false').')">STOP</div></div>
                <div class="timeline" id="timeline'.$mp3count.'"><div style="display: none;" id="playerslider'.$mp3count.'" class="slider">SLIDER</div></div>
                </div><div class="volcontainer">
                <div id="vol0_'.$mp3count.'" class="vol0"><div onclick="setVolume('.$mp3count.',0)"></div></div>
                <div id="_vol0_'.$mp3count.'" class="_vol0"><div onclick="setVolume('.$mp3count.',0)"></div></div>
                <div id="vol1_'.$mp3count.'" class="vol1"><div onclick="setVolume('.$mp3count.',1)"></div></div>
                <div id="_vol1_'.$mp3count.'" class="_vol1"><div onclick="setVolume('.$mp3count.',1)"></div></div>
                <div id="vol2_'.$mp3count.'" class="vol2"><div onclick="setVolume('.$mp3count.',2)"></div></div>
                <div id="_vol2_'.$mp3count.'" class="_vol2"><div onclick="setVolume('.$mp3count.',2)"></div></div>
                <div id="vol3_'.$mp3count.'" class="vol3"><div onclick="setVolume('.$mp3count.',3)"></div></div>
                <div id="_vol3_'.$mp3count.'" class="_vol3"><div onclick="setVolume('.$mp3count.',3)"></div></div>
                <div id="vol4_'.$mp3count.'" class="vol4"><div onclick="setVolume('.$mp3count.',4)"></div></div>
                <div id="_vol4_'.$mp3count.'" class="_vol4"><div onclick="setVolume('.$mp3count.',4)"></div></div>
                <div id="vol5_'.$mp3count.'" class="vol5"><div onclick="setVolume('.$mp3count.',5)"></div></div>
                <div id="_vol5_'.$mp3count.'" class="_vol5"><div onclick="setVolume('.$mp3count.',5)"></div></div>
                <div id="vol6_'.$mp3count.'" class="vol6"><div onclick="setVolume('.$mp3count.',6)"></div></div>
                <div id="_vol6_'.$mp3count.'" class="_vol6"><div onclick="setVolume('.$mp3count.',6)"></div></div>
                <div id="vol7_'.$mp3count.'" class="vol7"><div onclick="setVolume('.$mp3count.',7)"></div></div>
                <div id="_vol7_'.$mp3count.'" class="_vol7"><div onclick="setVolume('.$mp3count.',7)"></div></div>

Also You need to change lines 1797-1798:

$html.='<div class="playercontainer" style="width: '.($playWidth+48+4+(($showRepeat>=1)?20:0)+($showPop?20:0)+($showSoc?20:0)).'px;">
                <div id="playercontroller'.$mp3count.'" class="playercontroller" style="width: '.$playWidth.'px;">

$html.='<div class="playercontainer" style="width:20px;">
                <div id="playercontroller'.$mp3count.'" class="playercontroller" style="width: 0px;">

because Your image for play button has width value of 20px.

Hope it will be usefull to You.

The administrator has disabled public write access.

Joomla

Commedia & MP3Browser New

How to stay only Play/Pause button on the page

Time to create page: 0.083 seconds