jQuery Forum

I have long base:64 strings that I am putting as the values of hidden elements.

How can I limit how many are shown in the debug inspector? They are really annoying and take up a lot of space.

E.g. Instead of this:

<input name="[0].CoverImagePath" type="hidden" value="/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCADZANkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R">

Just show first few:

<input name="[0].CoverImagePath" type="hidden" value="/9j/4AAQSkZJRgABAQEAYABgAAD/2w..."/>

Like how the src attribute cuts off after so many are shown.

I have a fake jPlayer audio who's time and progress bar are set to that of the real player so that it looks like they are the same.

Here's that code in the source jPlayer.js file:

updateFakePlayer: function(realjPlayer) {
   var self = this;
   var playlistjPlayer = $(realjPlayer.cssSelector.jPlayer).data().jPlayer;

   this.status.currentTime = playlistjPlayer.status.currentTime;
   this.status.currentPercentAbsolute = playlistjPlayer.status.currentPercentAbsolute;
   this.status.currentPercentRelative = playlistjPlayer.status.currentPercentRelative
   this.status.remaining = playlistjPlayer.status.remaining;
   this.status.readyState = playlistjPlayer.status.readyState;

   this._updateInterface();
},

I don't want to load media in the fake player because the user has to download unnecessary extra files.

However, because I am not loading the media in the fake player then the built in html events will not work, most importantly the seeking (where the user clicks on the seek bar and the audio jumps to that position). So how can I emulate this or create my own? I am wanting it so that if the user does an action on one player, it affects the other one. This works great when the user acts on the real player, but obviously not on the fake one. SoundCloud.com does this with their players I think.

I'v been stuck on this for ages.

$(".poster-wrapper.tint").hover(function () {
    $(this).siblings(".controls").slideDown('fast');
}, function (e) {
    //Here is where I need if statement. Only slide up if the poster **and** the controls class is not being hovered on
    $(this).siblings(".controls").slideUp('fast');
});

.controls is ontop of the .poster-wrapper, so when I hover over poster wrapper it shows the controls class correctly, but when I hover over controls class they slide away again obviously because the poster is no longer being hovered on. How do I stop this unwanted behavior?

Jsfiddle: https://jsfiddle.net/9dzfys87/

I can't use pointer events: none.

 function jpPlayClick(){ 
      //Code stuff
  };

Code I have tried so far:

$(document).one("click", '.jp-play', function () {
    jpPlayClick();
});

I want to run through jpPlayClick() once if the user clicks on it for first time, the current code I have disables all my other clicks on class .jp-play obviously. Best way to do this?

2. if (!sessionStorage.getItem('GotTags')) {
3.         $.ajax({
4.             url: "Search/GetTags",
5.             method: "GET",
6.             datatype: "json",
7.             success: function (data) {
8.                 sessionStorage.setItem("tags", JSON.stringify(data.songTags.concat(data.albumTags, data.artistTags)));
9.                 sessionStorage.setItem('GotTags', 'true');
10.             }
11.         });
12.     }
13. 
    
14.     $("#searchString").autocomplete({
15.         source: function (request, response) {
16.             var tags = JSON.parse(sessionStorage.getItem("tags"));
17.             var results = $.ui.autocomplete.filter(tags, request.term);
18. 
    
19.             response(results.slice(0, 10));
20.         },
21.         minLength: 3
22.     });
23.