Infinite Ajax Scroll voor pagina's

5 years 5 months ago #3087 by sandra

Bram, toppie :)



  • Posts: 60
  • Thank you received:

  • Gender: Unknown
  • Birthdate: Unknown
  • Please Log in to join the conversation.

    5 years 5 months ago #3090 by sandra

    Bram,
    De infinite scroll werkt, alleen als alles is geladen begint hij weer bij pagina 1 (dus een oneindige lus )

    Daarnaast haald hij de css niet op bij de geladen pagina's (dus pagina 2 -3 -4 ... die hij in infinite scroll inlaadt.



  • Posts: 60
  • Thank you received:

  • Gender: Unknown
  • Birthdate: Unknown
  • Please Log in to join the conversation.

    5 years 5 months ago - 5 years 5 months ago #3091 by bram

    de oneindige lus die je krijgt los je op met punt 3

    de items worden geladen in de bestaande pagina er hoeft dus geen css mee te komen. de scroll maakt gebruik van de 'component' tmpl ( een tmpl is een variant binnen een template, zie bestand templates/TEMPLATE/component.php ) bij de meeste components.php( zo ook de protostar waar de demo mee werkt) komt de header en dus de css gewoon mee.

    je kunt zelfs de component.php nog verder reduceren zodat echt alleen de items mee komen met een nog eenvoudigere tmpl:

    #vergelijk met component.php
    <?php defined('_JEXEC') or die; ?>
    <jdoc:include type="component" />


    demos.affiliatefeeds.nl/shop/kleding/Dam...=60&ajax=1&tmpl=ajax


    werkt nog steeds

    dus ergens wordt de aanwezig css niet goed toegepast



  • Posts: 1494
  • Karma: 57
  • Thank you received: 247

  • Gender: Unknown
  • Birthdate: Unknown
  • Last Edit: 5 years 5 months ago by bram.

    Please Log in to join the conversation.

    5 years 5 months ago #3092 by sandra

    Punt 3: copy the php to /templates/protostar/html/com_datafeeds/items

    ik heb het script nu werkend gekregen in eigen template...
    en eindigd hiermee:




    $list_count++;

    }


    print '</tbody></table></div></div>';



    echo '<div class="pagination" id="datafeeds_bottom"></div>'; #REPLACED pagination code
    echo '</div>';

    #ADDED
    $ajax=JRequest::getVar('ajax');
    if ( ! $ajax ) {
    echo '
    <script src="/templates/template/js/jquery.is4datafeeds.js">
    </script>

    <script>
    (function($)
    {
    $(\'div#com_datafeeds\').infinitescroll({
    navSelector:\'div.pagination\',
    itemSelector:\'.datafeeds_clear\',
    path: [window.location,\''.$this->where['aantal'].'\'],
    debug:true,
    });
    })(jQuery);

    </script>
    ';
    }



  • Posts: 60
  • Thank you received:

  • Gender: Unknown
  • Birthdate: Unknown
  • Please Log in to join the conversation.

    5 years 5 months ago #3093 by sandra

    Ik maak voor de website nog gebruik van Joomla 1.7 / 2.5 :)

    Protostar is J3.0



  • Posts: 60
  • Thank you received:

  • Gender: Unknown
  • Birthdate: Unknown
  • Please Log in to join the conversation.

    5 years 5 months ago #3094 by bram

    jquery ook.

    en hoewel ik best begrijp dat geen mens mootools meer wil gebruiken weiger ik jquery icm mootools ( dus joomla 1.7/2.5) te ondersteunen.

    Ze kunnen prima samenwerken maar ik heb in het verleden te veel tijd gestoken in het oplossen van conflicten bij extensies/templates die dat niet goed doen dat ik het niet meer doe.



  • Posts: 1494
  • Karma: 57
  • Thank you received: 247

  • Gender: Unknown
  • Birthdate: Unknown
  • Please Log in to join the conversation.

    Time to create page: 0.043 seconds
    Powered by Kunena Forum