discsox

Just rated the plugin ??
Cheers,
Marcel

Hi Tobias,
Thank you VERY much for your reply!

I was able to get this to work in the following way.

• add a helper class to the content I want to show when a search has been performed

<span class="helperTxt">content to be shown after search has been performed</span>

• In the tablepress-datatables-inverted-filter.php I removed the filtering and just toggled the helper class instead of the find (original code is commented out)

	$commands = <<<JS
//$.fn.dataTableExt.afnFiltering.push(
//    function( settings, data, dataIndex ) {
//		return '' !== settings.oPreviousSearch.sSearch;

//    }
//);
{$commands}
$( '.dataTables_filter' ).find( 'input' ).on( 'keyup', function() {
	$( '.helperTxt' ).toggle( '' !== $( this ).val() );
//	$( '.dataTables_wrapper' ).find( '.tablepress' ).toggle( '' !== $( this ).val() );
} ).keyup();
JS;

Hope this helps someone else and thanks again!

Marcello

• This reply was modified 2 years, 8 months ago by discsox.
• This reply was modified 2 years, 8 months ago by discsox.

Here’s an update:

Not very elegant but it works.
Adding time for the audio tracks to load…

jQuery(window).on('load', function () {
 setTimeout(function() { 
  jQuery('a[title="Buy this track"]').attr("title", "Song Info");
    }, 1000);
});

Any better ideas?

Thanks again!

Marcello

Hi,
I apologize for the delay in getting back.
You would expect that the window load event would fire after the tracks have been loaded but unfortunately that is not the case.
Below is the simple code I used to replace the title:

jQuery(window).on('load', function () {
  jQuery('a[title="Buy this track"]').attr("title", "Song Info");
});

However, when I set a breakpoint at the code above, then the html structure of the audioigniter player has been loaded but no content. That means no track images, no tracks (the track list <ul class=”ai-tracklist” aria-expanded=”true”> is empty).
Of course running the above code on content that is not there yet does not work…
Once I get past the breakpoint in the on-load function then the tracks are populated. But I have not found a way to run any code after the audio tracks have been loaded and thus I was not able to replace the title (see test page with an info icon on the 4th song test page. I added a custom “title” but was not able to replace the current title which is controlled by the browser.

In case you have any ideas how to run code AFTER the tracks have been loaded or have the ability to hook into the actual code that would be greatly appreciated (API?).

I also believe that the ability to link to a custom page from each track in the player would be very helpful in many applications. A lot of artists, I believe would like to have info about each song (not just the lyrics). Some or your competitors definitely have that capability.

Thanks again for your support,

Marcello

P.S. I rated your plugin ??

Thank you very much for the hint. I was using jQuery Document Ready but that did not work.
I will report back if I have a working solution.

Thanks again,
Marcello

Ok, I underestimated the title attribute. Because it is controlled by the browser, it cannot be overwritten by CSS. I can create a fake “title” attribute that shows up on hover but I was not able to find a way to prevent any browser from displaying the actual attribute that is in the code.
JavaScript to remove the title attribute for some reason did not work either because the player gets loaded after everything else.

So unless this is added to the actual code (enter the tooltip text in the plugin config) I have not found a way around the title attribute.

Maybe you have some suggestions…

Thanks again and kind regards,

Marcello

• This reply was modified 3 years ago by discsox.

Hi,
Thank you very much for the quick reply. This works great to replace the svg. I was trying to replace the actual svg code which would require JavaScript and is more complex than just using CSS.
Once I do a similar thing for the title attribute, then I truly created a custom button because you can use the “Buy link” to go to any url in the plugin configuration.
Once I have the code, I will share here because it may help someone else in the future.

Thanks again and kind regards,

Marcello

I contacted you via meowapps.com/contact
thank you again for your support
kind regards,

Marcel

Hi Jordy,

I changed the plugin code, disabled the “WP Gallery Custom Links” plugin, enabled your plugin, cleared all the cache in WP, browser etc.
Unfortunately the links still go to the images.
I also looked at your code and it should work but i have limited debug capabilities.

Please let me know in case you have any other ideas.

thank you and kind regards,

Marcel

Hi Jordy,
Thank you VERY much for your reply. I will test this in the next 24h and let you know that results.

Thanks again for looking into this.

Kind regards,
Marcel

Once I analyzed the code I was able to fix this with CSS.
Thanks again and kind regards,

[ Signature deleted ]

• This reply was modified 6 years, 9 months ago by Jan Dembowski.
• This reply was modified 6 years, 9 months ago by Jan Dembowski.

thank you VERY much for the quick reply.
i will look into this and post back the results.

thanks again and kind regards,

Marcel

Just to answer my own question.

• when you have a fixed header, then set the “Show anchor with an offset of…” to “0” in Settings-Reading
• add the following CSS

  .sta-anchor {
      display: block;
      position: relative;
      top: -115px;
      visibility: hidden;
  }

• even though my fixed header is only 85px the offset in the CSS had to be set to -115px – adjust for your setup
• also when using page builder with visual editor, then the “anchor” does not appear in the editor menu and you have to add the anchor code manually by adding the following:
  <span id="yourAnchorName" class="sta-anchor" aria-hidden="true"></span>

hope this helps someone…

Cheers,

Marcello

• This reply was modified 7 years ago by discsox.

Thank you VERY much!!!
i was able to use your script in the footer (via child theme) without problem.
Menu now behaves exactly as it should for intra-page links.
it might be a good addition to the footer in general. I could not think of any conflict for general use.

thanks again and kind regards,

Marcello

Thank you very much for your quick reply.
Updating the permalinks did indeed fix the new knowledgebase link. thank you!

However, when loging into the dashboard initially and when clicking on the Dashboard link, then Store Settings, Stats/Reports, Payments links don’t work, meaning the JavaScript does not fire and there are no drop-downs.
Interestingly, the above mentioned links do work when I first click on Knowledgebase then the links. As soon as I click the Dashboard link then the Settings, Stats/Reports, Payments links don’t work anymore.

It appears to be a JavaScript initialization issue.

Hope this helps,

Marcello