almost got the seemless ajax pagination right but help me spot the bug in my code

soaringeagle
@soaringeagle
10 years ago
3,304 posts
for a few weeks now ive been working on a seemless list that paginates within the sitebuilder widget
i had a breakthrough tonight (mostly been mentally working through the logic)
i got it partialy working

problem is
at 1st
it listed 4 vids there aere just 4 featrured 1 video 1 youtube 1 vimeo
but using if elseif elseif had them all looiking in vimeo
so i changed the murl to bmurl vmurl ymurl

and removed the elseif enlosing each in an if

that gave me weird output

but
i did get all 3 modules showing.. and then some that arent marked featured

so lets post some code
im soooo close after 3 weeks of trying

seemless list call in widget
{jrSeamless_list modules="jrVimeo,jrVideo,jrYouTube" search1="*_featured = on" order_by="_updated desc" template="my_featured_vids_index.tpl"}

my_featured_videos_index.tpl
<a name="featvids" id="featvids"></a>
<div class="item photosearch">
	{jrSearch_module_form}
    
</div>
<div class="item center" style="margin: 10px;padding-bottom: 10px;">
    <div id="featuredvids">
        {jrCore_include template="my_featured_vids_row.tpl"}
    </div>
</div>


my_featured_videos_row.tpl
<div class="item photosearch">
	{jrSearch_module_form}
    
</div>
<a id="featvids" name="featvids"></a>
<div id="feat_vids">

    {if isset($_items)}

      
            {foreach from=$_items item="item"}
              
       		{if $_items.seamless_module_name="jrVimeo"}
{if isset($_items)}
    {jrCore_module_url module="jrVimeo" assign="vmurl"}
    
    <div class="item">

        <div class="container">
            <div class="row">
                <div class="col2">
                    <div class="block_image">
                        <a href="{$jamroom_url}/{$item.profile_url}/{$vmurl}/{$item._item_id}/{$item.vimeo_title_url}"><img src="{$item.vimeo_artwork_url}" class="iloutline img_scale"></a>
                    </div>
                </div>
                <div class="col6">
                    <div class="p5">
                        <h3><a href="{$jamroom_url}/{$item.profile_url}/{$vmurl}/{$item._item_id}/{$item.vimeo_title_url}">{$item.vimeo_title}</a></h3><br>
                        <span class="info">{jrCore_lang module="jrVimeo" id="35" default="Length"}:</span> <span class="info_c">{$item.vimeo_duration}</span>
                    </div>
                </div>
                <div class="col2">
                    <div class="p5">
                        {jrCore_module_function function="jrRating_form" type="star" module="jrVimeo" index="1" item_id=$item._item_id current=$item.vimeo_rating_1_average_count|default:0 votes=$item.vimeo_rating_1_count|default:0}
                    </div>
                </div>
                <div class="col2 last">
                    <div class="block_config">
                        {jrCore_item_list_buttons module="jrVimeo" item=$item}
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>

    </div>
    
{/if}
{/if}
{if $_items.seamless_module_name="jrVideo"}
{jrCore_module_url module="jrVideo" assign="dmurl"}
{if isset($_items)}
    

    <div class="item">

        <div class="container">
            <div class="row">
                <div class="col2">
                    <div class="block_image">
                        <a href="{$jamroom_url}/{$item.profile_url}/{$dmurl}/{$item._item_id}/{$item.video_title|jrCore_url_string}">{jrCore_module_function function="jrImage_display" module="jrVideo" type="video_image" item_id=$item._item_id size="large" crop="auto" class="iloutline img_scale" alt=$item.video_title width=false height=false}</a>
                    </div>
                </div>
                <div class="col5">
                    <div class="p5">
                        <h3><a href="{$jamroom_url}/{$item.profile_url}/{$dmurl}/{$item._item_id}/{$item.video_title|jrCore_url_string}">{$item.video_title}</a></h3><br>
                        <span class="info">{jrCore_lang module="jrVideo" id="31" default="album"}:</span> <span class="info_c"><a href="{$jamroom_url}/{$item.profile_url}/{$dmurl}/albums/{$item.video_album_url}">{$item.video_album}</a></span><br>
                        {if isset({$item.video_category}) && strlen({$item.video_category}) > 0}
                            <span class="info">{jrCore_lang module="jrVideo" id="12" default="category"}:</span> <span class="info_c">{$item.video_category}</span><br>
                        {/if}
                        {jrCore_module_function function="jrRating_form" type="star" module="jrVideo" index="1" item_id=$item._item_id current=$item.video_rating_1_average_count|default:0 votes=$item.video_rating_1_count|default:0}
                    </div>
                </div>
                <div class="col5 last">
                    <div class="block_config">
                        {jrCore_item_list_buttons module="jrVideo" field="video_file" item=$item}
                    </div>
                    <div class="clear"></div>
                </div>
            </div>

        </div>

    </div>
    
{/if}
{/if}
{if $_items.seamless_module_name="jrYoutube"}
{if isset($_items)}
{jrCore_module_url module="jrYouTube" assign="ymurl"}

    <div class="item">

        <div class="container">
            <div class="row">
                <div class="col2">
                    <div class="block_image">
                        <a href="{$jamroom_url}/{$item.profile_url}/{$ymurl}/{$item._item_id}/{$item.youtube_title_url}"><img src="{$item.youtube_artwork_url}" alt="{$item.youtube_title|jrCore_entity_string}" class="iloutline img_scale"></a>
                    </div>
                </div>
                <div class="col6">
                    <div class="p5">
                        <h3><a href="{$jamroom_url}/{$item.profile_url}/{$ymurl}/{$item._item_id}/{$item.youtube_title_url}">{$item.youtube_title}</a></h3><br>
                        <span class="info">{jrCore_lang module="jrYouTube" id="14" default="Category"}:</span> <span class="info_c">{$item.youtube_category}</span><br>
                        <span class="info">{jrCore_lang module="jrYouTube" id="35" default="Duration"}:</span> <span class="info_c">{$item.youtube_duration}</span>
                    </div>
                </div>
                <div class="col2">
                    <div class="p5">
                        {jrCore_module_function function="jrRating_form" type="star" module="jrYouTube" index="1" item_id=$item._item_id current=$item.youtube_rating_1_average_count|default:0 votes=$item.youtube_rating_1_count|default:0}
                    </div>
                </div>
                <div class="col2 last">
                    <div class="block_config">
                        {jrCore_item_list_buttons module="jrYouTube" item=$item}
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>

    </div>

{/if}
{/if}

            {/foreach}
            {if $info.total_pages > 1}
                <div class="block">
                    <table style="width:100%;">
                        <tr>

                            <td style="width:25%;">
                                {if isset($info.prev_page) && $info.prev_page > 0}
                                    <input type="button" value="{jrCore_lang module="jrCore" id=26 default="&lt;"}" class="form_button" onclick="jrLoad('#feat_vids','{$jamroom_url}/index_vids_list/p={$info.prev_page}/pb={$info.pagebreak}');$('html, body').animate({ scrollTop: $('#featvids').offset().top -100 }, 'slow');return false;">
                                {/if}
                            </td>

                            <td style="width:50%;text-align:center;">
                                {if $info.total_pages <= 5}
                                    {$info.page} &nbsp;/ {$info.total_pages}
                                {else}
                                    <form name="form" method="post" action="_self">
                                        <select name="pagenum" class="form_select" style="width:60px;" onchange="var sel=this.form.pagenum.options[this.form.pagenum.selectedIndex].value;jrLoad('#feat_vids','{$jamroom_url}/index_vids_list/p=' +sel+'/pb={$info.pagebreak}');$('html, body').animate({ scrollTop: $('#featvid').offset().top -100 }, 'slow');">
                                            {for $pages=1 to $info.total_pages}
                                                {if $info.page == $pages}
                                                    <option value="{$info.this_page}" selected="selected"> {$info.this_page}</option>
                                                {else}
                                                    <option value="{$pages}"> {$pages}</option>
                                                {/if}
                                            {/for}
                                        </select>&nbsp;/&nbsp;{$info.total_pages}
                                    </form>
                                {/if}
                            </td>

                            <td style="width:25%;text-align:right;">
                                {if isset($info.next_page) && $info.next_page > 1}
                                    <input type="button" value="{jrCore_lang module="jrCore" id=27 default="&gt;"}" class="form_button" onclick="jrLoad('#feat_vids','{$jamroom_url}/index_vids_list/p={$info.next_page}/pb={$info.pagebreak}');$('html, body').animate({ scrollTop: $('#featvids').offset().top -100 }, 'slow');return false;">
                                {/if}
                            </td>

                        </tr>
                    </table>
                </div>
            {/if}
        </div>
    {/if}
</div>

the odd output
http://www.greentechnologyforums.com/videos

note im aware i gave 2 searches and other formatting issues
its only on featured vids not on the highest rasted or newest yet


if you can help me debug this i will be ready to go live in 2 ..maybe 3 days
im so excited to finaly be this close

edit had old code in newest code updated


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities

updated by @soaringeagle: 02/16/15 03:08:26AM
michael
@michael
10 years ago
7,805 posts
When you look at the source code on the page:

there are 2 locations with id="featvids".

You can only have 1 unique id on a page. Need to get rid of one of them.
soaringeagle
@soaringeagle
10 years ago
3,304 posts
ok but thats not causing the weird output


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
soaringeagle
@soaringeagle
10 years ago
3,304 posts
got rid of it using just the row not index still have the odd output but im close and i should have a seemless ajax paginator later today i hope


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
soaringeagle
@soaringeagle
10 years ago
3,304 posts
ok i discovered the problem but not the solution yet all the odd outupt uis vids that were fewatured but arent in the database


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
soaringeagle
@soaringeagle
10 years ago
3,304 posts
correction each 'item" is being seperatred into 3 items

current code
<div class="item photosearch">
	{jrSearch_module_form}
    
</div>
<a id="featvids" name="featvids"></a>
<div id="feat_vids">

    {if isset($_items)}

      
            {foreach from=$_items item="item"}
              
       		{if $_items.seamless_module_name="jrVimeo"}
{if isset($_items)}
    {jrCore_module_url module="jrVimeo" assign="vmurl"}
    
    <div class="item">

        <div class="container">
            <div class="row">
                <div class="col2">
                    <div class="block_image">
                        <a href="{$jamroom_url}/{$item.profile_url}/{$vmurl}/{$item._item_id}/{$item.vimeo_title_url}"><img src="{$item.vimeo_artwork_url}" class="iloutline img_scale"></a>
                    </div>
                </div>
                <div class="col6">
                    <div class="p5">
                        <h3><a href="{$jamroom_url}/{$item.profile_url}/{$vmurl}/{$item._item_id}/{$item.vimeo_title_url}">{$item.vimeo_title}</a></h3><br>
                        <span class="info">{jrCore_lang module="jrVimeo" id="35" default="Length"}:</span> <span class="info_c">{$item.vimeo_duration}</span>
                    </div>
                </div>
                <div class="col2">
                    <div class="p5">
                        {jrCore_module_function function="jrRating_form" type="star" module="jrVimeo" index="1" item_id=$item._item_id current=$item.vimeo_rating_1_average_count|default:0 votes=$item.vimeo_rating_1_count|default:0}
                    </div>
                </div>
                <div class="col2 last">
                    <div class="block_config">
                        {jrCore_item_list_buttons module="jrVimeo" item=$item}
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>

    </div>
    

{/if}
{if $_items.seamless_module_name="jrVideo"}
{jrCore_module_url module="jrVideo" assign="dmurl"}

    

    <div class="item">

        <div class="container">
            <div class="row">
                <div class="col2">
                    <div class="block_image">
                        <a href="{$jamroom_url}/{$item.profile_url}/{$dmurl}/{$item._item_id}/{$item.video_title|jrCore_url_string}">{jrCore_module_function function="jrImage_display" module="jrVideo" type="video_image" item_id=$item._item_id size="large" crop="auto" class="iloutline img_scale" alt=$item.video_title width=false height=false}</a>
                    </div>
                </div>
                <div class="col5">
                    <div class="p5">
                        <h3><a href="{$jamroom_url}/{$item.profile_url}/{$dmurl}/{$item._item_id}/{$item.video_title|jrCore_url_string}">{$item.video_title}</a></h3><br>
                        <span class="info">{jrCore_lang module="jrVideo" id="31" default="album"}:</span> <span class="info_c"><a href="{$jamroom_url}/{$item.profile_url}/{$dmurl}/albums/{$item.video_album_url}">{$item.video_album}</a></span><br>
                        {if isset({$item.video_category}) && strlen({$item.video_category}) > 0}
                            <span class="info">{jrCore_lang module="jrVideo" id="12" default="category"}:</span> <span class="info_c">{$item.video_category}</span><br>
                        {/if}
                        {jrCore_module_function function="jrRating_form" type="star" module="jrVideo" index="1" item_id=$item._item_id current=$item.video_rating_1_average_count|default:0 votes=$item.video_rating_1_count|default:0}
                    </div>
                </div>
                <div class="col5 last">
                    <div class="block_config">
                        {jrCore_item_list_buttons module="jrVideo" field="video_file" item=$item}
                    </div>
                    <div class="clear"></div>
                </div>
            </div>

        </div>

    </div>
    

{/if}
{if $_items.seamless_module_name="jrYoutube"}

{jrCore_module_url module="jrYouTube" assign="ymurl"}

    <div class="item">

        <div class="container">
            <div class="row">
                <div class="col2">
                    <div class="block_image">
                        <a href="{$jamroom_url}/{$item.profile_url}/{$ymurl}/{$item._item_id}/{$item.youtube_title_url}"><img src="{$item.youtube_artwork_url}" alt="{$item.youtube_title|jrCore_entity_string}" class="iloutline img_scale"></a>
                    </div>
                </div>
                <div class="col6">
                    <div class="p5">
                        <h3><a href="{$jamroom_url}/{$item.profile_url}/{$ymurl}/{$item._item_id}/{$item.youtube_title_url}">{$item.youtube_title}</a></h3><br>
                        <span class="info">{jrCore_lang module="jrYouTube" id="14" default="Category"}:</span> <span class="info_c">{$item.youtube_category}</span><br>
                        <span class="info">{jrCore_lang module="jrYouTube" id="35" default="Duration"}:</span> <span class="info_c">{$item.youtube_duration}</span>
                    </div>
                </div>
                <div class="col2">
                    <div class="p5">
                        {jrCore_module_function function="jrRating_form" type="star" module="jrYouTube" index="1" item_id=$item._item_id current=$item.youtube_rating_1_average_count|default:0 votes=$item.youtube_rating_1_count|default:0}
                    </div>
                </div>
                <div class="col2 last">
                    <div class="block_config">
                        {jrCore_item_list_buttons module="jrYouTube" item=$item}
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>

    </div>


{/if}
{/if}
            {/foreach}
            {if $info.total_pages > 1}
                <div class="block">
                    <table style="width:100%;">
                        <tr>

                            <td style="width:25%;">
                                {if isset($info.prev_page) && $info.prev_page > 0}
                                    <input type="button" value="{jrCore_lang module="jrCore" id=26 default="&lt;"}" class="form_button" onclick="jrLoad('#feat_vids','{$jamroom_url}/index_vids_list/p={$info.prev_page}/pb={$info.pagebreak}');$('html, body').animate({ scrollTop: $('#featvids').offset().top -100 }, 'slow');return false;">
                                {/if}
                            </td>

                            <td style="width:50%;text-align:center;">
                                {if $info.total_pages <= 5}
                                    {$info.page} &nbsp;/ {$info.total_pages}
                                {else}
                                    <form name="form" method="post" action="_self">
                                        <select name="pagenum" class="form_select" style="width:60px;" onchange="var sel=this.form.pagenum.options[this.form.pagenum.selectedIndex].value;jrLoad('#feat_vids','{$jamroom_url}/index_vids_list/p=' +sel+'/pb={$info.pagebreak}');$('html, body').animate({ scrollTop: $('#featvid').offset().top -100 }, 'slow');">
                                            {for $pages=1 to $info.total_pages}
                                                {if $info.page == $pages}
                                                    <option value="{$info.this_page}" selected="selected"> {$info.this_page}</option>
                                                {else}
                                                    <option value="{$pages}"> {$pages}</option>
                                                {/if}
                                            {/for}
                                        </select>&nbsp;/&nbsp;{$info.total_pages}
                                    </form>
                                {/if}
                            </td>

                            <td style="width:25%;text-align:right;">
                                {if isset($info.next_page) && $info.next_page > 1}
                                    <input type="button" value="{jrCore_lang module="jrCore" id=27 default="&gt;"}" class="form_button" onclick="jrLoad('#feat_vids','{$jamroom_url}/index_vids_list/p={$info.next_page}/pb={$info.pagebreak}');$('html, body').animate({ scrollTop: $('#featvids').offset().top -100 }, 'slow');return false;">
                                {/if}
                            </td>

                        </tr>
                    </table>
                </div>
            {/if}
        </div>
    {/if}
</div>

why is each video creating 3 seperate items
1 with length 1 with category or album 1 with duration


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
douglas
@douglas
10 years ago
2,806 posts
Your not really going to get this to work the way your doing it. Your best bet would be to include a seamless template with the loading div and an include in the same template for the list call, then another template for the row.

I'm assuming your using the SiteBuilder on your site, is that correct?

So in the code editor of your seamless page, just do an include of the template with your holding dive.

Site Builder Code Editor:
{jrCore_include template="my_featured_videos_index.tpl"}

Your my_featured_videos_index.tpl should have this:
            <a name="featvids" id="featvids"></a>
            <div class="item center" style="margin: 10px;padding-bottom: 10px;">
                {jrSearch_module_form module="jrSeamless"}
                <div class="clear"></div>
                <div id="featuredvids">
                    {jrCore_include template="my_featured_videos_list.tpl"}
                </div>
            </div>

Your my_featured_videos_list.tpl should have this:
{jrSeamless_list modules="jrVimeo,jrVideo,jrYouTube" order_by="_updated desc" template="my_featured_videos_row.tpl" pagebreak=5 page=$_post.p}

And your my_featured_videos_row.tpl should have this:
{if isset($_items)}
    {jrCore_module_url module="jrVimeo" assign="vmurl"}
    {jrCore_module_url module="jrVideo" assign="dmurl"}
    {jrCore_module_url module="jrYouTube" assign="ymurl"}
    {foreach from=$_items item="item"}

        {if $item.seamless_module_name == "jrVimeo"}

            <div class="item">

                <div class="container">
                    <div class="row">
                        <div class="col2">
                            <div class="block_image">
                                <a href="{$jamroom_url}/{$item.profile_url}/{$vmurl}/{$item._item_id}/{$item.vimeo_title_url}"><img src="{$item.vimeo_artwork_url}" class="iloutline img_scale"></a>
                            </div>
                        </div>
                        <div class="col6">
                            <div class="p5">
                                <h3><a href="{$jamroom_url}/{$item.profile_url}/{$vmurl}/{$item._item_id}/{$item.vimeo_title_url}">{$item.vimeo_title}</a></h3><br>
                                <span class="info">{jrCore_lang module="jrVimeo" id="35" default="Length"}:</span> <span class="info_c">{$item.vimeo_duration}</span>
                            </div>
                        </div>
                        <div class="col2">
                            <div class="p5">
                                {jrCore_module_function function="jrRating_form" type="star" module="jrVimeo" index="1" item_id=$item._item_id current=$item.vimeo_rating_1_average_count|default:0 votes=$item.vimeo_rating_1_count|default:0}
                            </div>
                        </div>
                        <div class="col2 last">
                            <div class="block_config">
                                {jrCore_item_list_buttons module="jrVimeo" item=$item}
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>

            </div>

        {elseif $item.seamless_module_name == "jrVideo"}

            <div class="item">

                <div class="container">
                    <div class="row">
                        <div class="col2">
                            <div class="block_image">
                                <a href="{$jamroom_url}/{$item.profile_url}/{$dmurl}/{$item._item_id}/{$item.video_title|jrCore_url_string}">{jrCore_module_function function="jrImage_display" module="jrVideo" type="video_image" item_id=$item._item_id size="large" crop="auto" class="iloutline img_scale" alt=$item.video_title width=false height=false}</a>
                            </div>
                        </div>
                        <div class="col5">
                            <div class="p5">
                                <h3><a href="{$jamroom_url}/{$item.profile_url}/{$dmurl}/{$item._item_id}/{$item.video_title|jrCore_url_string}">{$item.video_title}</a></h3><br>
                                <span class="info">{jrCore_lang module="jrVideo" id="31" default="album"}:</span> <span class="info_c"><a href="{$jamroom_url}/{$item.profile_url}/{$dmurl}/albums/{$item.video_album_url}">{$item.video_album}</a></span><br>
                                {if isset($item.video_category) && strlen($item.video_category) > 0}
                                    <span class="info">{jrCore_lang module="jrVideo" id="12" default="category"}:</span> <span class="info_c">{$item.video_category}</span><br>
                                {/if}
                                {jrCore_module_function function="jrRating_form" type="star" module="jrVideo" index="1" item_id=$item._item_id current=$item.video_rating_1_average_count|default:0 votes=$item.video_rating_1_count|default:0}
                            </div>
                        </div>
                        <div class="col5 last">
                            <div class="block_config">
                                {jrCore_item_list_buttons module="jrVideo" field="video_file" item=$item}
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>

                </div>

            </div>

        {elseif $item.seamless_module_name == "jrYouTube"}

            <div class="item">

                <div class="container">
                    <div class="row">
                        <div class="col2">
                            <div class="block_image">
                                <a href="{$jamroom_url}/{$item.profile_url}/{$ymurl}/{$item._item_id}/{$item.youtube_title_url}"><img src="{$item.youtube_artwork_url}" alt="{$item.youtube_title|jrCore_entity_string}" class="iloutline img_scale"></a>
                            </div>
                        </div>
                        <div class="col6">
                            <div class="p5">
                                <h3><a href="{$jamroom_url}/{$item.profile_url}/{$ymurl}/{$item._item_id}/{$item.youtube_title_url}">{$item.youtube_title}</a></h3><br>
                                <span class="info">{jrCore_lang module="jrYouTube" id="14" default="Category"}:</span> <span class="info_c">{$item.youtube_category}</span><br>
                                <span class="info">{jrCore_lang module="jrYouTube" id="35" default="Duration"}:</span> <span class="info_c">{$item.youtube_duration}</span>
                            </div>
                        </div>
                        <div class="col2">
                            <div class="p5">
                                {jrCore_module_function function="jrRating_form" type="star" module="jrYouTube" index="1" item_id=$item._item_id current=$item.youtube_rating_1_average_count|default:0 votes=$item.youtube_rating_1_count|default:0}
                            </div>
                        </div>
                        <div class="col2 last">
                            <div class="block_config">
                                {jrCore_item_list_buttons module="jrYouTube" item=$item}
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>

            </div>

        {/if}

    {/foreach}

    {if $info.total_pages > 1}
        <div class="block">
            <table style="width:100%;">
                <tr>

                    <td style="width:25%;">
                        {if isset($info.prev_page) && $info.prev_page > 0}
                            <input type="button" value="{jrCore_lang module="jrCore" id=26 default="<"}" class="form_button" onclick="jrLoad('#featuredvids','{$jamroom_url}/seamless_vids_list/p={$info.prev_page}/pb={$info.pagebreak}');$('html, body').animate({ scrollTop: $('#featvids').offset().top -100 }, 'slow');return false;">
                        {/if}
                    </td>

                    <td style="width:50%;text-align:center;">
                        {if $info.total_pages <= 5}
                            {$info.page}  / {$info.total_pages}
                        {else}
                            <form name="form" method="post" action="_self">
                                <select name="pagenum" class="form_select" style="width:60px;" onchange="var sel=this.form.pagenum.options[this.form.pagenum.selectedIndex].value;jrLoad('#featuredvids','{$jamroom_url}/seamless_vids_list/p=' +sel+'/pb={$info.pagebreak}');$('html, body').animate({ scrollTop: $('#featvids').offset().top -100 }, 'slow');">
                                    {for $pages=1 to $info.total_pages}
                                        {if $info.page == $pages}
                                            <option value="{$info.this_page}" selected="selected"> {$info.this_page}</option>
                                        {else}
                                            <option value="{$pages}"> {$pages}</option>
                                        {/if}
                                    {/for}
                                </select> / {$info.total_pages}
                            </form>
                        {/if}
                    </td>

                    <td style="width:25%;text-align:right;">
                        {if isset($info.next_page) && $info.next_page > 1}
                            <input type="button" value="{jrCore_lang module="jrCore" id=27 default=">"}" class="form_button" onclick="jrLoad('#featuredvids','{$jamroom_url}/seamless_vids_list/p={$info.next_page}/pb={$info.pagebreak}');$('html, body').animate({ scrollTop: $('#featvids').offset().top -100 }, 'slow');return false;">
                        {/if}
                    </td>

                </tr>
            </table>
        </div>
    {/if}

{/if}

I've done some testing with but I'm seeing an issue with pagination not working at all with the seamless module, I'll let Paul know and see if he can figure it out.

Hope this helps! :)


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
soaringeagle
@soaringeagle
10 years ago
3,304 posts
i knew youd get it
ok i will try this and then adapt it to my other 3 and ill get back to you
this isthe last thing i need to go live and when i thought i had it iannouncced we will be live in the next couple days so people are excited so i need to deliver and have it up asap


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
soaringeagle
@soaringeagle
10 years ago
3,304 posts
if this can be working somehow in the next couple days i will bow down and declare you gods for the day


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
soaringeagle
@soaringeagle
10 years ago
3,304 posts
paginate works fine here
http://www.greentechnologyforums.com/photos


(not seemless although might make them seemless with flickr)
but im calling the list not a template from in sitebuilder


im going to experiement with a couple modifications of yours when i do the highest rated


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
soaringeagle
@soaringeagle
10 years ago
3,304 posts
in your test try
{jrSeamless_list modules="jrVimeo,jrVideo,jrYouTube" order_by="_updated desc" template="my_featured_videos_row.tpl" pagebreak=5}



--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
soaringeagle
@soaringeagle
10 years ago
3,304 posts
corection pagebreak="5"

thats why it didnt work

corectuion 2
1 of the resons

still trying to figure out whyt its not pagebreaking



--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities

updated by @soaringeagle: 01/10/15 12:28:51PM
soaringeagle
@soaringeagle
10 years ago
3,304 posts
okkkkkk
may see a problem but nbeed your help in making it work in seemless

heres how its done in the gallery

the list calls made from the widget not a template
(cant see hoew that matters)

in the template the list callsto is

<a name="ratgal" id="ratgal"></a>
<div class="item photosearch">
  {jrSearch_module_form fields="gallery_title,gallery_image_title,gallery_caption,gallery_description,gallery_image_name"} 
</div>
<div class="item center" style="margin: 10px;padding-bottom: 10px;">
    <div id="ratedgalleries">
        {jrCore_include template="highest_rated_galleries.tpl"}
    </div>
</div>
wich just adds the search and id

the main works done in hoighesat_rated_galleries

{capture name="highest_rated_gallery_row" assign="highest_rated_gallery"}
{literal}
{jrCore_module_url module="jrGallery" assign="murl"}
{if isset($_items)}
    <div class="container">
        {foreach from=$_items item="item"}
        {if $item@iteration == 1 || $item@iteration == 5}
        <div class="row">
        {/if}
            <div class="col3{if $item@iteration is div by 4} last{/if}">
                <div class="img-profile"{if jrCore_is_mobile_device()} style="margin-bottom:50px;"{/if}>
                    <a href="{$jamroom_url}/{$item.profile_url}/{$murl}/{$item._item_id}/{$item.gallery_image_name|urlencode}" title="{$item.gallery_caption|default:$item.gallery_image_name|jrCore_entity_string}">{jrCore_module_function function="jrImage_display" module="jrGallery" type="gallery_image" item_id=$item._item_id size="xlarge" crop="auto" class="iloutline img_scale" alt=$item.gallery_image_name title=$item.gallery_image_name style="max-width:292px;max-height:292px;"}</a><br>{if isset($item.gallery_image_title)}
                    {$item.gallery_image_title|truncate:30:"...":false}
                {else}
                    {$item.gallery_image_name|truncate:30:"...":true}
                {/if}<br>
                    <a href="{$jamroom_url}/{$item.profile_url}/{$murl}/{$item._item_id}/{$item.gallery_title_url}" title="{$item.gallery_title}">{$item.gallery_title|truncate:25:"...":false}</a><br>
                    <a href="{$jamroom_url}/{$item.profile_url}" style="margin-bottom: 10px;">@{$item.profile_url}</a><br>
                    <div class="gallery_rating">
                        {jrCore_module_function function="jrRating_form" type="star" module="jrGallery" index="1" item_id=$item._item_id current=$item.gallery_rating_1_average_count|default:0 votes=$item.gallery_rating_1_count|default:0}
                    </div>
                </div>
            </div>
        {if $item@iteration == 4 || $item@iteration == 8}
        </div>
        {/if}
        {/foreach}
        {if $info.total_pages > 1}
        <div class="row">
            <div class="col12 last">
                <div class="block">
                    <table style="width:100%;">
                        <tr>

                            <td style="width:25%;">
                            {if isset($info.prev_page) && $info.prev_page > 0}
                                <input type="button" value="{jrCore_lang module="jrCore" id=26 default="<"}" class="form_button" onclick="jrLoad('#ratedgalleries','{$jamroom_url}/highest_rated_galleries/p={$info.prev_page}');$('html, body').animate({ scrollTop: $('#ratgal').offset().top -100 }, 'slow');return false;">
                            {/if}
                            </td>

                            <td style="width:50%;text-align:center;">
                            {if $info.total_pages <= 5}
                                {$info.page}  / {$info.total_pages}
                            {else}
                                <form name="form" method="post" action="_self">
                                    <select name="pagenum" class="form_select" style="width:60px;" onchange="var sel=this.form.pagenum.options[this.form.pagenum.selectedIndex].value;jrLoad('#ratedgalleries','{$jamroom_url}/highest_rated_galleries/p=' +sel);$('html, body').animate({ scrollTop: $('#ratgal').offset().top -100 }, 'slow');">
                                    {for $pages=1 to $info.total_pages}
                                    {if $info.page == $pages}
                                        <option value="{$info.this_page}" selected="selected"> {$info.this_page}</option>
                                    {else}
                                        <option value="{$pages}"> {$pages}</option>
                                    {/if}
                                    {/for}
                                    </select> / {$info.total_pages}
                                </form>
                            {/if}
                            </td>

                            <td style="width:25%;text-align:right;">
                            {if isset($info.next_page) && $info.next_page > 1}
                                <input type="button" value="{jrCore_lang module="jrCore" id=27 default=">"}" class="form_button" onclick="jrLoad('#ratedgalleries','{$jamroom_url}/highest_rated_galleries/p={$info.next_page}');$('html, body').animate({ scrollTop: $('#ratgal').offset().top -100 }, 'slow');return false;">
                            {/if}
                            </td>

                        </tr>
                    </table>
                </div>
            </div>
        </div>
        {/if}

    </div>
{/if}
{/literal}
{/capture}

{jrCore_list module="jrGallery" order_by="gallery_rating_overall_average_count numerical_desc" template=$highest_rated_gallery pagebreak="8" page=$_post.p}


that capture lireral could that be the cause


i know u had this on the eventual todo list i just nbeed it now so i figfured if i started to work it out might help u fill in the gaps and get it done
its real close and i think this is it jjst need to know how to peice it together so it works


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
soaringeagle
@soaringeagle
10 years ago
3,304 posts
i think i found the problem
but i dont know any solution

still digging but

$info} 	Array (9)
module => "jrSeamless"
total_items => 10
total_pages => 1
page => 1
pagebreak => false
page_base_url => "http://www.greentechnologyforums.com/..."
prev_page => 0
this_page => 1
next_page => 0

total items 10 total pages 1
why is it saying total items 10 and why isnt it accepting the pagebreak 5
total items should be obver 1000

oh sidenote u had where u shoulda had > <




--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities

updated by @soaringeagle: 01/10/15 07:14:02PM
soaringeagle
@soaringeagle
10 years ago
3,304 posts
i figured it out..i think
close to it
{$jamroom_url}/index_blog_list/p=
from my blogs if u go to
www.greentechnologyforums.com/index_blog_list
u get a page unformatted but theres stuff there
{$jamroom_url}/seamless_vids_list/p=
www.greentechnologyforums.com/seemless_vids_list

argh

still not it
i have found several mistakes in your code
but still havent gotten it there yet


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
douglas
@douglas
10 years ago
2,806 posts
The pagination issue has been fixed and should be in the next update release.

If you follow my previous post, it will work once you have the update as I have it working on my dev site.

Hope this helps! :)


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
soaringeagle
@soaringeagle
10 years ago
3,304 posts
oh wow really and i just went ion a marathon redesigning session was up till 6 am redesigning my site without it cause also having trouble with the seemless search
i will probably redesign with it again if i can solcve that search issue

your awesome


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities

Tags