updated by @blindmime: 09/09/16 09:39:00AM
JAMROOM
player invisible buttons
Could be anything. The song shows a length of 0:00 so "no song provided" could be the issue. Could be a CSS issue. Could be some other added javascript blocking the player loading issue. Could be ............
* Review any changes you have made recently. Try reverting them to see if it fixes it.
* Try it on a default skin, see if it works there.
Need to narrow down to what is causing it, then you can start to look for a fix.
* Review any changes you have made recently. Try reverting them to see if it fixes it.
* Try it on a default skin, see if it works there.
Need to narrow down to what is causing it, then you can start to look for a fix.
Nothing was playing at the moment, but there are songs and clicking the title plays them. I can also click where the button should be and it will play, so it's just not visible but the buttons are there, so I'm guessing CSS? I've seen this happen on other sites of mine. Trying to narrow down what's causing it. I myself rarely load additional CSS definitions so I don't think that's it.
I may have figured it out. I have this on the home index page of several different sites:
The buttons do not display. I get 404 errors that the image can't be found. The CSS inspector shows this: background: url("{$jrAudio_img_url}/jplayer_dark.png") -- I'm guessing {$jrAudio_img_url} isn't getting defined on index.tpl (since the same jrCore_media_player code works fine on a profile album page). A {debug} does indeed reveal no $jrAudio_img_url on index.tpl.
I believe the buttons have shown in the past. I've put the player on my index pages for quite some time.
{jrCore_media_player module="jrAudio" field="audio_file" order_by="_created desc" limit=14 autoplay=false}
The buttons do not display. I get 404 errors that the image can't be found. The CSS inspector shows this: background: url("{$jrAudio_img_url}/jplayer_dark.png") -- I'm guessing {$jrAudio_img_url} isn't getting defined on index.tpl (since the same jrCore_media_player code works fine on a profile album page). A {debug} does indeed reveal no $jrAudio_img_url on index.tpl.
I believe the buttons have shown in the past. I've put the player on my index pages for quite some time.
Yeah that url is usually only used in .css files that are included in the main style sheet via the _init() function for the skin or the module.
Have you changed anything, maybe directly linking to a style sheet in the header?
Got a URL?
Have you changed anything, maybe directly linking to a style sheet in the header?
Got a URL?
I don't believe I've changed anything. It's Elastic. I see this on at least 3 different sites. http://tapegerm.com would be one. Here's the meta:
<!doctype html>
<html lang="{jrCore_lang module="_settings" id="lang" default="en"}" dir="{jrCore_lang module="_settings" id="direction" default="ltr"}">
<head>{jrCore_lang skin=$_conf.jrCore_active_skin id="1" assign="default_title"}
<title>{$page_title|default:"`$default_title`"|capitalize} | Experimental Music Collaboration - {$_conf.jrCore_system_name}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
{if isset($meta)}
{foreach from=$meta key="mname" item="mvalue"}
<meta name="{$mname}" content="{$mvalue}" />
{/foreach}
{/if}
<link rel="stylesheet" href="{jrCore_server_protocol}://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700" type="text/css">
<link rel="stylesheet" href="{jrCore_css_src}" media="screen" />
{if isset($css_href)}
{foreach from=$css_href item="_css"}
<link rel="stylesheet" href="{$_css.source}" media="{$_css.media|default:"screen"}" />
{/foreach}
{/if}
{if isset($css_embed)}
<style type="text/css">
{$css_embed}</style>
{/if}
{if isset($javascript_embed)}
<script type="text/javascript">
{$javascript_embed}</script>
{/if}
<script type="text/javascript" src="{jrCore_javascript_src}"></script>
{if isset($javascript_href)}
{foreach from=$javascript_href item="_js"}
<script type="{$_js.type|default:"text/javascript"}" src="{$_js.source}"></script>
{/foreach}
{/if}
{if isset($javascript_ready_function)}
<script type="text/javascript">
$(document).ready(function(){
{$javascript_ready_function}return true;
});
</script>
{/if}
<script type="text/javascript">
$(document).ready(function($) {
$('.accordion2 dd').hide();
$('.accordion2 dt').click(function(){
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
$(this).parent().next().slideUp();
} else {
$('.accordion2 dt').removeClass('selected');
$(this).addClass('selected');
$('.accordion2 dd').slideUp();
$(this).parent().next().slideDown();
}
return false;
});
});
</script>
</head>
Not understanding why that code is pasted there.
I maybe missing something here, but I see the buttons on the player on http://tapegerm.com/
Did you solve your issue?
--
Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
Did you solve your issue?
--
Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
michael:
Not understanding why that code is pasted there.
Not understanding why that code is pasted there.
You asked me if I had changed css in the header. I pasted the meta.tpl so you could see.
Douglas, it is working now and I don't know why. Seems I'm back to square one. It is not working here: http://blindmime.com.
When I inspect http://blindmime.com/ I see this for the CSS
When I inspect http://tapegerm.com/
I see this code for the CSS
for some reason the variable {$jrAudio_img_url} is not being converted into the correct URL for the jr_player_midnight.png image on http://blindmime.com/
You could try to reload the jrAudio module via ACP > Marketplace > Tools > Reload Modules And Skins then run the integrity check tool and reset your cache to see if that fixes it.
Hope this helps!
--
Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
.jr_audio_dark_player a.jp-play {
background: url("{$jrAudio_img_url}/jplayer_dark.png") 0 0 no-repeat;
When I inspect http://tapegerm.com/
I see this code for the CSS
.jr_audio_player_dark a.jp-play {
background: url("http://tapegerm.com/image/img/module/jrAudio/jr_player_midnight.png") 0 0 no-repeat;
for some reason the variable {$jrAudio_img_url} is not being converted into the correct URL for the jr_player_midnight.png image on http://blindmime.com/
You could try to reload the jrAudio module via ACP > Marketplace > Tools > Reload Modules And Skins then run the integrity check tool and reset your cache to see if that fixes it.
Hope this helps!
--
Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
Yeah, that's what I was talking about above. Tapegerm was doing the same thing until it wasn't all of a sudden. I don't think I did anything to fix it. I'll try your suggestion and see what happens.
