Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?php defined('_JEXEC') or die('Restricted access'); // no direct access
- $document = &JFactory::getDocument();
- $jqscript = JURI::root().'modules/mod_jplayer/js/jquery.min.js';
- $document->addScript($jqscript);
- $tempCss = JURI::root().'templates/jmskinner/css/style.css';
- $document->addScript($tempCss);
- $jqscript1 = JURI::root().'modules/mod_jplayer/js/jquery.jplayer.min.js';
- $document->addScript($jqscript1);
- $jqscripplaylist = JURI::root().'modules/mod_jplayer/js/jplayer.playlist.min.js';
- $document->addScript($jqscripplaylist);
- $jpmobile= JURI::root().'modules/mod_jplayer/skin/pink.flag/jplayer.pink.flag.mobile.css';
- $document->addStyleSheet($jpmobile);
- $plskin= JURI::root().'modules/mod_jplayer/skin/pink.flag/jplayer.pink.flag.css';
- $document->addStyleSheet($plskin);
- $styles=JURI::root().'templates' . DS . 'jmskinner'.DS.'css'.DS.'styles.css';
- $document->addStyleSheet($styles);
- $css_pop=JURI::root().'templates' . DS . 'jmskinner'.DS.'css'.DS.'css-pop.js';
- $document->addScript($css_pop);
- $db =& JFactory::getDBO();
- $user =& JFactory::getUser();
- ?>
- <script>
- document.getElementByClassName('title').style.display="none";
- </script>
- <div id="blanket" style="display:none;"></div>
- <div id="popUpDiv" style="display:none;">
- <p>Current Track Starred</p>
- </div>
- <!--Jplayer -->
- <!-- Add to playlist window-->
- <?php
- if($user->id !== 0)
- {
- ?>
- <div class="reveal-modal" style="width: 390px; display: block; " id="manage">
- <form>
- <div id="manage-playlist-panel" class="cpanel" style="display: block; ">
- <header class="cpanel-header">
- <h3>Save As...</h3>
- </header>
- <p><span>Create New</span><input type="radio" name="chooseType" value="createNew" checked />
- <span>Use Exist</span>
- <input type="radio" name="chooseType" value="useExist" /></p>
- <div class="cpanel-content full">
- <ol class="list-select">
- <li>
- <input type="text" id="save-playlist-name" class="full autofill list-select-input empty" title="">
- </li>
- <li class="note">Or add to an existing playlist:</li>
- <li>
- <select id="existPlayList">
- <option value="0">-Select Your Playlist-</option>
- <?php
- $query = "select playlist_name,playlist_id from #__jmplayer_playlist where user_id =". $user->id;
- $db->setQuery($query);
- if($db->query())
- {
- if($db->getAffectedRows())
- {
- $rows =$db->loadRowList();
- foreach($rows as $row)
- {
- ?>
- <option value="<?php echo $row[1]; ?>"><?php echo $row[0]; ?></option>
- <?php
- }
- }
- }
- ?>
- </select>
- </li>
- </ol>
- </div>
- <footer class="cpanel-btns">
- <a class="btn green bevel" id="save-playlist-btn" >Save</a>
- </footer>
- </div>
- </form>
- <a class="close-reveal-modal">×</a>
- </div>
- <!--End add to playlist window-->
- <!-- Add Playlist for each songs -->
- <div class="reveal-modal" style="width: 390px; display: block; " id="manage2">
- <form>
- <div id="manage-playlist-panel" class="cpanel" style="display: block; ">
- <header class="cpanel-header">
- <h3>Save As...</h3>
- </header>
- <p><span>Create New</span><input type="radio" name="chooseType2" value="createNew" checked /><span>Use Exist</span><input type="radio" name="chooseType2" value="useExist" /></p>
- <div class="cpanel-content full">
- <ol class="list-select">
- <li>
- <input type="text" id="save-playlist-name2" class="full autofill list-select-input empty" title="">
- </li>
- <li class="note">Or add to an existing playlist:</li>
- <li>
- <select id="existPlayList2">
- <option value="0">-Select Your Playlist-</option>
- <?php
- $db =& JFactory::getDBO();
- $user =& JFactory::getUser();
- $query = "select playlist_name,playlist_id from #__jmplayer_playlist where user_id =". $user->id;
- $db->setQuery($query);
- if($db->query()){
- if($db->getAffectedRows()){
- $rows =$db->loadRowList();
- foreach($rows as $row){
- ?>
- <option value="<?php echo $row[1]; ?>"><?php echo $row[0]; ?></option>
- <?php
- }
- }
- }
- ?>
- </select>
- </li>
- </ol>
- </div>
- <footer class="cpanel-btns">
- <a class="btn green bevel" id="save-each-playlist-btn" >Save</a>
- </footer>
- </div>
- </form>
- <a class="close-reveal-modal">×</a>
- <input type="hidden" id="getId" name="getId" />
- </div>
- <div class="reveal-modal" style="width: 390px; display: block; " id="manage3">
- <form>
- <div id="manage-playlist-panel" class="cpanel" style="display: block; ">
- <header class="cpanel-header">
- <h3>Save As...</h3>
- </header>
- <p><span>Create New</span><input type="radio" name="chooseType3" value="createNew" checked /><span>Use Exist</span><input type="radio" name="chooseType3" value="useExist" /></p>
- <div class="cpanel-content full">
- <ol class="list-select">
- <li>
- <input type="text" id="save-playlist-name3" class="full autofill list-select-input empty" title="">
- </li>
- <li class="note">Or add to an existing playlist:</li>
- <li>
- <select id="existPlayList3">
- <option value="0">-Select Your Playlist-</option>
- <?php
- $db =& JFactory::getDBO();
- $user =& JFactory::getUser();
- $query = "select playlist_name,playlist_id from #__jmplayer_playlist where user_id =". $user->id;
- $db->setQuery($query);
- if($db->query())
- {
- if($db->getAffectedRows())
- {
- $rows =$db->loadRowList();
- foreach($rows as $row)
- {
- ?>
- <option value="<?php echo $row[1]; ?>"><?php echo $row[0]; ?></option>
- <?php
- }
- }
- }
- ?>
- </select>
- </li>
- </ol>
- </div>
- <footer class="cpanel-btns">
- <a class="btn green bevel saveEach" id="save-each-playlist-btn" >Save</a>
- </footer>
- </div>
- </form>
- <a class="close-reveal-modal">×</a>
- <input type="hidden" id="getId" name="getId" />
- </div>
- <?php } $path = JURI::root(true).DS.'components' . DS . 'com_jmplayer'.DS.'assets'.DS .'jquery.min.js';
- ?>
- <?php $session =& JFactory::getSession();?>
- <div class="tTrackId" style="display:none;"></div>
- <script src="<?php echo $path ?>"></script>
- <script>
- //var j = jQuery.noConflict();
- $(document).ready(function () {
- var id=new Array();
- $(".saveEach").click(function(event)
- {
- var i=0;
- /*$('ul#playlistUl li').each(function()
- {
- id[i] = $(this).attr('id');
- i++;
- });*/
- $.ajax({
- type: "POST",
- url: "<?php echo JURI::root().'/setSessionOnClick.php'; ?>",
- data: { name: "John", location: "Boston" }
- }).done(function( msg ) {
- $('.tTrackId').html(msg);
- id[0] = $('.tTrackId').html();
- var fetchurl = "<?php echo JURI::base().'jmplayerplaylist1.php'; ?>";
- var trimmedVal = $.trim( $("#save-playlist-name3").val() );
- var typeChoose = $('input:radio[name=chooseType3]:checked').val();
- if(id.length > 0){
- if(typeChoose == "createNew"){
- if(trimmedVal == "")
- {
- alert("Please enter a name of your playlist");
- return false;
- }
- else
- {
- $.post(fetchurl,{typeChoose: typeChoose , playlist: trimmedVal , idList: id},
- function(data) {
- alert(data);
- $('#sbox-window #sbox-btn-close').trigger('click');
- });
- }
- }
- else if(typeChoose == "useExist"){
- var existPlayListId = $('select#existPlayList3 option:selected').val();
- if($('select#existPlayList3 option:selected').val() == "0" || $('select#existPlayList3 option:selected').val() == ""){
- alert("Please Choose Any One from Existed Playlist");
- return false;
- }
- else
- {
- $.post(fetchurl,{ typeChoose: typeChoose , existPlayListId: existPlayListId, idList: id},
- function(data)
- {
- alert(data);
- $('#sbox-window #sbox-btn-close').trigger('click');
- });
- }
- }
- }
- else{
- alert("There are no songs, Please choose songs");
- return false;
- }
- });
- event.preventDefault();
- });
- });
- </script>
- <article class="player">
- <div id="jquery_jplayer"></div>
- <div id="jp_container_1" class="jp-video jp-video-270p">
- <div class="jp-type-playlist">
- <div id="jquery_jplayer_1" class="jp-jplayer"></div>
- <div class="jp-gui">
- <div class="jp-video-play"></div>
- <div class="jp-interface">
- <div class="jp-controls-holder">
- <div style="left: 195px;top: -3px;position: absolute;float: left;">
- <div id="title" style="float: left;"></div><div style="float: left;">
- <a onclick="starredCurrentPlaylist();" id="starredLink" style="display:none;" data-reveal-id="currentStarredPopup" ><div class="currentStarred" onclick="popup('popUpDiv')"></div></a>
- <a id="RemovestarredLink" style="display:none;"><div class="currentStarredRemove"></div></a>
- <div id="starredRecords"></div>
- </div>
- </div>
- <div></div>
- <ul class="jp-controls">
- <li><a href="javascript:;" class="jp-previous" tabindex="1">previous</a></li>
- <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
- <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
- <li><a href="javascript:;" class="jp-next" tabindex="1">next</a></li>
- <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
- </ul>
- <div class="jp-current-time"></div>
- <div class="jp-progress">
- <div class="jp-seek-bar" style="width: 0%;">
- <div class="jp-play-bar" style="width: 0%;"></div>
- </div>
- </div>
- <div class="jp-duration"></div>
- <div class="volumediv">
- <ul class="jp-controls">
- <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute" style="">mute</a></li>
- <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute" style="display: none; ">unmute</a></li>
- <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume" style="">max volume</a></li>
- </ul>
- <div class="jp-volume-bar" style="">
- <div class="jp-volume-bar-value" style="width: 80%; "></div>
- </div>
- </div>
- <ul class="jp-toggles">
- <li> <!--temp-->
- <a rel="nofollow" class="jp-share" title="Add to Starred Songs" onmousedown="this.blur();" rel="nofollow" title="share" href="http://www.facebook.com/share.php?u=<http://www.kandysms.com>" onclick="return fbs_click()" target="_blank" >
- share</a>
- </li>
- <!--<li><a href="javascript:;" class="jp-share" tabindex="1" title="share">share</a></li>-->
- <!--<li><a href="javascript:;" class="jp-share-off" tabindex="1" title="share off">share off</a></li>-->
- <li><a href="javascript:;" class="jp-shuffle" tabindex="1" title="shuffle">shuffle</a></li>
- <li><a href="javascript:;" class="jp-shuffle-off" tabindex="1" title="shuffle off">shuffle off</a></li>
- <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
- <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
- </ul>
- </div>
- </div>
- </div>
- <!--<div class="jp-playlist">
- <ul>
- The method Playlist.displayPlaylist() uses this unordered list
- <li><span class="jp-video-play"><a href="javascript:;" class="jp-video-play-icon" tabindex="1">play</a></span></li>
- </ul>
- </div>-->
- <div class="jp-no-solution"> <span>Update Required</span> To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>. </div>
- </div>
- </div>
- <div class="showplaying">
- <?php // newly added code for playlist show/hide button ?>
- <div><a href="#" id="slidePlaylist"><img src="<?php echo JURI::root(true) ?>/templates/jmskinner/img/hide.png" id="enabled"/></a></div>
- <?php // newly added code for playlist show/hide button ?>
- </div>
- </article>
- <!--Jplayer -->
- <?php
- $document->addScript("http://code.jquery.com/jquery-latest.js");
- $document->addScript("http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.core.js");
- $document->addScript("http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.slide.js");
- ?>
- <script>
- // newly added code for playlist show/hide
- $(function() {
- function runEffect(){
- if($('#slidePlaylist img').attr("id") === 'disabled'){
- $('#slidePlaylist img').attr("id", "enabled");
- $('#slidePlaylist img').attr("src",'<?php echo JURI::root(true) ?>/templates/jmskinner/img/hide.png');
- $('.main_bg').css('background','none');
- $('.margin_l').css('margin-left','10px');
- $("#drawer").hide();
- }
- else if($('#slidePlaylist img').attr("id") === 'enabled'){
- $('#slidePlaylist img').attr("id", "disabled");
- $('#slidePlaylist img').attr("src",'<?php echo JURI::root(true) ?>/templates/jmskinner/img/show.png');
- $('.main_bg').removeAttr('style');
- /*$('.margin_l').css('margin-left','263px');*/
- $("#drawer").css('width','277px');
- $("#drawer").css('float','left');
- $("#drawer").show();
- }
- };
- $("#slidePlaylist").click(function() {
- runEffect();
- });
- });
- // End newly added code for playlist show/hide
- // newly added code for jplayer title
- function exc()
- {
- var searchString = 'Test Track123';
- var elements = document.getElementsByClassName('jp-playlist-current');
- for (var i = 0; i < 1; i++) {
- var searchString = 'jp-playlist-current';
- var element = document.getElementsByTagName('li');
- for (var i = 0; i < element.length; i++)
- {
- if (element[i].innerHTML.indexOf(searchString) !== -1)
- {
- var splitOne= element[i].innerHTML.split('"1">');
- var split1= splitOne[1];
- var splitTwo= split1.split('<span');
- var split2= splitTwo[0];
- document.getElementById('title').innerHTML = split2;
- document.getElementById('starredLink').style.display = "block";
- break;
- }
- }
- }
- }
- //End newly added code for jplayer title
- //newly added code for jplayer starred
- function starredCurrentPlaylist(){
- var searchString = 'Test Track123';
- var elements = document.getElementsByClassName('jp-playlist-current');
- for (var i = 0; i < 1; i++) {
- var searchString = 'jp-playlist-current';
- var element = document.getElementsByTagName('li');
- for (var i = 0; i < element.length; i++) {
- if (element[i].innerHTML.indexOf(searchString) !== -1) {
- var idStarred= element[i].id;
- document.getElementById('starredLink').style.display = "none";
- document.getElementById('RemovestarredLink').style.display = "block";
- starredplaylist(idStarred);
- break;
- }
- }
- }
- }
- //End newly added code for jplayer starred
- </script>
- <?php
- $session =& JFactory::getSession();
- $playlistSession= $session->get('sessionPlaylist');
- $starredlistSession = $session->get('sessionStarredlist');
- ?>
- <script>
- //newly added code for jplayer refresh issues
- $(document).ready(function() {
- <?php
- if(!empty($playlistSession)){
- for($i=0;$i<count($playlistSession);$i++){
- ?>
- addtoplaylist("<?php echo $playlistSession[$i] ?>");
- <?php
- }
- }
- ?>
- <?php
- if(!empty($starredlistSession)){
- for($i=0;$i<count($starredlistSession);$i++){
- ?>
- starredplaylist("<?php echo $starredlistSession[$i] ?>");
- <?php
- }
- }
- ?>
- });
- function loadPlaylist(){
- var sessionPlaylist="";
- $("ul#playlistUl li").each(function(index) {
- sessionPlaylist += $(this).attr('id') + "|" ;
- });
- $.ajax({
- type: "POST",
- url: "index.php?option=com_jmplayer&view=session",
- data: { sessionPlaylist: sessionPlaylist, mode: 'list1' }
- }).done(function( msg ) {
- //alert(msg);
- });
- }
- /*function loadStarredlist(){
- //alert('kk');
- var sessionStarredlist="";
- $("ul#starredlistUl li").each(function(index) {
- sessionStarredlist += $(this).attr('id') + "|" ;
- });
- $.ajax({
- type: "POST",
- url: "index.php?option=com_jmplayer&view=session",
- data: { sessionStarredlist: sessionStarredlist, mode: 'list2' }
- }).done(function( msg ) {
- //alert(msg);
- });
- }*/
- //End of newly added code for jplayer refresh issues
- </script>
- <script type="text/javascript" language="JavaScript">
- var myPlaylist = new jPlayerPlaylist({
- jPlayer: "#jquery_jplayer_1",
- cssSelectorAncestor: "#jp_container_1"
- }, {
- playlistOptions: {
- enableRemoveControls: true
- },
- swfPath: "http://www.jplayer.org/latest/js/Jplayer.swf",
- supplied: "mp3",
- volume: 1,
- wmode:"window",
- solution: "html,flash"
- });
- var starPlaylist = new jPlayerPlaylist({
- jPlayer: "#jquery_jplayer_2",
- cssSelectorAncestor: "#jp_container_2"
- }, {
- swfPath: "http://www.jplayer.org/latest/js/Jplayer.swf",
- supplied: "mp3",
- volume: 1,
- wmode:"window",
- solution: "html,flash"
- });
- var yourPlaylist = new jPlayerPlaylist({
- jPlayer: "#jquery_jplayer_3",
- cssSelectorAncestor: "#jp_container_3"
- }, {
- swfPath: "http://www.jplayer.org/latest/js/Jplayer.swf",
- supplied: "mp3",
- volume: 1,
- wmode:"window",
- solution: "html,flash"
- });
- //<![CDATA[
- $(document).ready(function(){
- // var myPlaylist = new jPlayerPlaylist({
- // jPlayer: "#jquery_jplayer_1",
- // cssSelectorAncestor: "#jp_container_1"
- // }, {
- // swfPath: "js",
- // supplied: "mp3",
- // wmode: "window"
- // });
- //
- // var starPlaylist = new jPlayerPlaylist({
- // jPlayer: "#jquery_jplayer_2",
- // cssSelectorAncestor: "#jp_container_2"
- // }, {
- // swfPath: "js",
- // supplied: "mp3",
- // wmode: "window"
- // });
- //
- // var yourPlaylist = new jPlayerPlaylist({
- // jPlayer: "#jquery_jplayer_3",
- // cssSelectorAncestor: "#jp_container_3"
- // }, {
- // swfPath: "js",
- // supplied: "mp3",
- // wmode: "window"
- // });
- /*----------------------First playlist-----------------------*/
- $(".playlist-add").click(function(e) {
- //var getTitle = $('.jp-playlist-current').find("a.jp-playlist-current").text();
- //$('.jp-controls-holder .title').text(getTitle) ;
- var trackdata = $(".playlist-add").each('href');
- fetchurl = "<?php echo JURI::base().'addtrackdata.php'; ?>";
- $.post(fetchurl,{ trackid: trackdata },
- function(data) {
- var string = data.split(',');
- myPlaylist.add({
- title:string[0],
- artist:string[1],
- mp3:string[2],
- poster: string[3]
- });
- // var trackcount = $("#playtotal").html();
- var trackcount = parseInt($("#playtotal").html());
- $("#playtotal").text( trackcount+1);
- });
- });
- /*----------------------First playlist-----------------------*/
- /*----------------------First playlist reove -----------------------*/
- $("#playlist1remove").click(function() {
- myPlaylist.remove();
- $("#playtotal").text(0);
- });
- /*----------------------First playlist reove -----------------------*/
- /*----------------------second playlist-----------------------*/
- $(".ratinglist").click(function() {
- var trackdata = $(".ratinglist").attr('tabindex');
- //alert(trackdata);
- fetchurl = "<?php echo JURI::base().'addtrackdata.php'; ?>";
- $.post(fetchurl,{ trackid: trackdata },
- function(data) {
- var string = data.split(',');
- starPlaylist.add({
- title:string[0],
- artist:string[1],
- mp3:string[2],
- poster: string[3]
- });
- // var trackcount = $("#playtotal").html();
- var trackcount = parseInt($("#starredtotal").html());
- $("#starredtotal").text( trackcount+1);
- });
- });
- /*----------------------second playlist-----------------------*/
- /*----------------------third playlist-----------------------*/
- $(".moreinfolist").click(function() {
- var trackdata = $(".moreinfolist").attr('tabindex');
- // tra
- fetchurl = "<?php echo JURI::base().'addtrackdata.php'; ?>";
- $.post(fetchurl,{ trackid: trackdata },
- function(data) {
- var string = data.split(',');
- yourPlaylist.add({
- title:string[0],
- artist:string[1],
- mp3:string[2],
- poster: string[3]
- });
- // var trackcount = $("#playtotal").html();
- var trackcount = parseInt($("#playlisttotal").html());
- $("#playlisttotal").text( trackcount+1);
- });
- });
- /*----------------------third playlist-----------------------*/
- });
- function addtoplaylist(trackid)
- {
- var trackdata = trackid;
- var mode = "addPlayList";
- fetchurl = "<?php echo JURI::base().'addtrackdata.php'; ?>";
- $.post(fetchurl,{ trackid: trackdata },
- function(data) {
- var string = data.split(',');
- myPlaylist.add({
- title:string[0],
- artist:string[1],
- mp3:string[2],
- poster: string[3],
- id:trackid,
- mode:mode
- });
- var trackcount = $("#playtotal").html();
- var trackcount = parseInt($("#playtotal").html());
- $("#playtotal").text( trackcount+1);
- var playfirst = parseInt($("#playtotal").html());
- if(playfirst==1){
- myPlaylist.play();
- }
- });
- }
- function starredplaylist(trackid){
- var trackdata = trackid;
- var mode = "starredPlayList";
- fetchurl = "<?php echo JURI::base().'starredplaylist.php'; ?>";
- $.post(fetchurl,{ trackid: trackdata },
- function(data) {
- var string = data.split(',');
- starPlaylist.add({
- title:string[0],
- artist:string[1],
- mp3:string[2],
- poster: string[3],
- id:trackid,
- mode:mode
- });
- var trackcount = $("#starredtotal").html();
- var trackcount = parseInt($("#starredtotal").html());
- $("#starredtotal").text( trackcount+1);
- //loadStarredlist();
- });
- }
- function yourlist(trackid){
- var trackdata = trackid;
- fetchurl = "<?php echo JURI::base().'addtrackdata.php'; ?>";
- $.post(fetchurl,{ trackid: trackdata },
- function(data) {
- var string = data.split(',');
- yourPlaylist.add({
- title:string[0],
- artist:string[1],
- mp3:string[2],
- poster: string[3]
- });
- });
- }
- function playnow(trackid){
- //play now from login play list
- var trackdata = trackid;
- fetchurl = "<?php echo JURI::base().'addtrackdata.php'; ?>";
- $.post(fetchurl,{ trackid: trackdata },
- function(data) {
- var string = data.split(',');
- myPlaylist.add({
- title:string[0],
- artist:string[1],
- mp3:string[2],
- poster: string[3]
- });
- var trackcount = $("#playtotal").html();
- var trackcount = parseInt($("#playtotal").html());
- $("#playtotal").text( trackcount+1);
- myPlaylist.play();
- var getTitle = $('.jp-playlist-current').find("a.jp-playlist-current").html();
- var getArray = getTitle.split('<span');
- if(getArray != "")
- getTitle = getArray[0];
- $('.jp-controls-holder .title').text(getTitle);
- });
- }
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement