solved Issue with message appearing in ProJam5 in videos

John Bizley
John Bizley
@john-bizley
10 years ago
251 posts
I have got the ProJam5 skin and noticed that in the video charts there seems to be some sort of array message appearing, any ideas where this is coming from ?

updated by @john-bizley: 01/07/15 07:08:16PM
michael
@michael
10 years ago
7,714 posts
Not seeing it on the demo system:
http://demo.jamroom.net/jrProJam/video_charts

But I can see it on your system.

The issue is:
<img title="moved " alt="Array.chart_direction" src="http://1940snetwork.com/skins/jb1940sNEWNETWORK/img/chart_.png">

The "alt" (alternative text name to use when the image is not available) tag reads "Array.chart_direction" which is not a great alt tag name.

The reason it is showing is because the image which its trying to show instead is not available at:
http://1940snetwork.com/skins/jb1940sNEWNETWORK/img/chart_.png

But that kind of makes sense because chart_.png should be either:

I think I see the issue and will get it fixed up. Its this row at least:
{jrCore_image image="chart_`$chart_image`.png" alt="$item.chart_direction" title=$cp_title}<br>

should be:
{jrCore_image image="chart_`$chart_image`.png" alt="`$item.chart_direction`" title=$cp_title}<br>
Should be back-ticks around `$item.chart_direction` in:
/skins/jb1940sNETWORK/video_chart_row.tpl

and also in the ProJam.

Those alt tags are fixed for the next releases of the skins they are in. See if that fixes it for the image to and if not we can keep going from there.
John Bizley
John Bizley
@john-bizley
10 years ago
251 posts
Thanks Michael will give that a go and report back.
John Bizley
John Bizley
@john-bizley
10 years ago
251 posts
Yep that solved the issue Michael with the message showing up so the other question would be even though the chart images are in the images list why they are not showing up or not available ? Here is the screenshot without the message showing up.
chartsissue-solved.jpg


updated by @john-bizley: 12/07/14 06:07:35AM
brian
@brian
10 years ago
10,148 posts
Check in the skins/SkinName/img directory for the "chart_direction" images - i.e.

up.png
down.png
same.png

Hope this helps!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
John Bizley
John Bizley
@john-bizley
10 years ago
251 posts
brian:
Check in the skins/SkinName/img directory for the "chart_direction" images - i.e.

up.png
down.png
same.png

Hope this helps!

They are there in the acp images list and in the img folder of my cloned skin
Here they are in the acp list
chartimages.jpg
chartimages.jpg  •  63KB


updated by @john-bizley: 12/07/14 07:05:57AM
John Bizley
John Bizley
@john-bizley
10 years ago
251 posts
And here they are in the skin img directory
chartimages-skin.jpg


updated by @john-bizley: 12/07/14 07:06:42AM
brian
@brian
10 years ago
10,148 posts
OK then you should be good if you use this for the image call:

{jrCore_image image="`$chart_image`.png" alt=$item.chart_direction title=$cp_title}

Let me know if that helps.

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
John Bizley
John Bizley
@john-bizley
10 years ago
251 posts
brian:
OK then you should be good if you use this for the image call:

{jrCore_image image="`$chart_image`.png" alt=$item.chart_direction title=$cp_title}

Let me know if that helps.

Thanks!

That didn't work brian, I even have tried downloading the images then re-add them like you would replacing another image, set them to active but those even don't show.
Here is a screenshot while inspecting and if you hover over the url it display the message of could not load image.
cantloadimage.jpg
cantloadimage.jpg  •  140KB


updated by @john-bizley: 12/07/14 08:20:04AM
douglas
@douglas
10 years ago
2,790 posts
Can you show us the code you have inside the rank div?

<div class="rank">
The code you have here.....
</div>

Thanks!


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
John Bizley
John Bizley
@john-bizley
10 years ago
251 posts
douglas:
Can you show us the code you have inside the rank div?

<div class="rank">
The code you have here.....
</div>

Thanks!

Hi Douglas, yes that is in the image above 'cantloadimage' one. It is only the video charts that are not displaying the images, the music charts one seem to show them ok.
douglas
@douglas
10 years ago
2,790 posts
You should be seeing this code in that div....

<div class="rank">{$item.list_rank}<br>
{if $item.chart_direction != 'same'}
{jrCore_lang skin=$_conf.jrCore_active_skin id="98" default="moved" assign="chart_position_title1"}
{assign var="cp_title" value="`$chart_position_title1` `$item.chart_direction`"}
{else}
{jrCore_lang skin=$_conf.jrCore_active_skin id="65" default="position" assign="chart_position_title1"}
{assign var="cp_title" value="`$item.chart_direction` `$chart_position_title1`"}
{/if}
{jrCore_image image="chart_`$chart_image`.png" alt="`$item.chart_direction`" title=$cp_title}<br>
{if $item.chart_change > 0}
{$item.chart_change}
{else}
-
{/if}
</div>

Hope this helps! :)


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
John Bizley
John Bizley
@john-bizley
10 years ago
251 posts
@douglas
Sorry miss understood the code you wanted, here is what I have in that div



{$item.list_rank}
{if $item.chart_direction != 'same'}
{jrCore_lang skin=$_conf.jrCore_active_skin id="98" default="moved" assign="chart_position_title1"}
{assign var="cp_title" value="`$chart_position_title1` `$item.chart_direction`"}
{else}
{jrCore_lang skin=$_conf.jrCore_active_skin id="65" default="position" assign="chart_position_title1"}
{assign var="cp_title" value="`$item.chart_direction` `$chart_position_title1`"}
{/if}
{jrCore_image image="chart_`$chart_image`.png" alt="`$item.chart_direction`" title=$cp_title}
{if $item.chart_change > 0}
{$item.chart_change}
{else}
-
{/if}
updated by @john-bizley: 12/07/14 10:09:47AM
douglas
@douglas
10 years ago
2,790 posts
Do you see this code near the top of the template?

{if $item.chart_direction == 'up'}
    {if $item.chart_change > 10}
        {assign var="chart_image" value="hot_up"}
    {else}
        {assign var="chart_image" value="up"}
    {/if}
{elseif $item.chart_direction == 'down'}
    {if $item.chart_change > 10}
        {assign var="chart_image" value="cool_down"}
    {else}
        {assign var="chart_image" value="down"}
    {/if}
{elseif $item.chart_direction == 'same'}
    {assign var="chart_image" value="same"}
{elseif $item.chart_direction == 'new'}
    {assign var="chart_image" value="new"}
{/if}



--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
John Bizley
John Bizley
@john-bizley
10 years ago
251 posts
douglas:
Do you see this code near the top of the template?

{if $item.chart_direction == 'up'}
    {if $item.chart_change > 10}
        {assign var="chart_image" value="hot_up"}
    {else}
        {assign var="chart_image" value="up"}
    {/if}
{elseif $item.chart_direction == 'down'}
    {if $item.chart_change > 10}
        {assign var="chart_image" value="cool_down"}
    {else}
        {assign var="chart_image" value="down"}
    {/if}
{elseif $item.chart_direction == 'same'}
    {assign var="chart_image" value="same"}
{elseif $item.chart_direction == 'new'}
    {assign var="chart_image" value="new"}
{/if}

Yes that is there douglas
michael
@michael
10 years ago
7,714 posts
The page is this one:
http://1940snetwork.com/video_charts

The issue at this point is:
* the $item.chart_direction variable is empty.

You've got that alt text issue fixed up. (and the next version of the skins are fixed up too.) The issue now is that since there is no chart direction coming out, there is no image showing.

First guess is do you have the jrCharts module installed?
https://www.jamroom.net/the-jamroom-network/networkmarket/23/advanced-charts
John Bizley
John Bizley
@john-bizley
10 years ago
251 posts
Nice one Michael, I thought I had the charts all set up as they where coming through for the music so I went back into the charts and re-ticked the box's, saved it again and now they are showing up.

Thanks again for your help.
michael
@michael
10 years ago
7,714 posts
cool :)

Tags