1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Infinite Loop not working for mobile

Discussion in 'Programming' started by Ramesh8248, Feb 17, 2015.

0
  1. #1
    This is the code I am using for infinite loop, but its not working for mobile. Can anyonehelp me please? I try doing some other things but nothing worked.

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Auto Loading Records</title>
    <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>

    <?php
    include("config.php");
    $results = $mysqli->query("SELECT COUNT(*) as t_records FROM paginate");
    $total_records = $results->fetch_object();
    $total_groups = ceil($total_records->t_records/$items_per_group);
    $results->close();
    ?>

    <script type="text/javascript">
    $(document).ready(function() {
    var track_load = 0; //total loaded record group(s)
    var loading = false; //to prevents multipal ajax loads
    var total_groups = <?php echo $total_groups; ?>; //total record group(s)

    $('#results').load("autoload_process.php", {'group_no':track_load}, function() {track_load++;}); //load first group

    $(window).scroll(function() { //detect page scroll

    if($(window).scrollTop() + $(window).height() == $(document).height()) //user scrolled to bottom of the page?
    {

    if(track_load <= total_groups && loading==false) //there's more data to load
    {
    loading = true; //prevent further ajax loading
    $('.animation_image').show(); //show loading image

    //load data from the server using a HTTP POST request
    $.post('autoload_process.php',{'group_no': track_load}, function(data){

    $("#results").append(data); //append received data into the element

    //hide loading image
    $('.animation_image').hide(); //hide loading image once data is received

    track_load++; //loaded group increment
    loading = false;

    }).fail(function(xhr, ajaxOptions, thrownError) { //any errors?

    alert(thrownError); //alert with HTTP error
    $('.animation_image').hide(); //hide loading image
    loading = false;

    });

    }
    }
    });
    });
    </script>
    <style>
    body,td,th {font-family: Georgia, Times New Roman, Times, serif;font-size: 15px;}
    .animation_image {background: #F9FFFF;border: 1px solid #E1FFFF;padding: 10px;width: 500px;margin-right: auto;margin-left: auto;}
    #results{width: 500px;margin-right: auto;margin-left: auto;}
    #resultst ol{margin: 0px;padding: 0px;}
    #results li{margin-top: 20px;border-top: 1px dotted #E1FFFF;padding-top: 20px;}
    </style>
    </head>

    <body>
    <ol id="results">
    </ol>
    <div class="animation_image" style="display:none" align="center"><img src="ajax-loader.gif"></div>


    </body>
    </html>    ​
     
    Ramesh8248, Feb 17, 2015 IP
  2. PoPSiCLe

    PoPSiCLe Illustrious Member

    Messages:
    4,623
    Likes Received:
    725
    Best Answers:
    152
    Trophy Points:
    470
    #2
    No idea why it's not working on mobile, but that is a very bad way of coding, mixing HTML, Javascript and PHP all in one. What you should do is use Ajax-calls to fetch the information from a PHP-file, and then process it using javascript - not use PHP within the javascript itself. It's bad practice and can quickly lead to headaches when unexpected results are returned and not handled, for instance.
     
    PoPSiCLe, Feb 18, 2015 IP
  3. Ramesh8248

    Ramesh8248 Active Member

    Messages:
    165
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    73
    #3
    Can you help me to do this? I cant find any solution... :(
     
    Ramesh8248, Feb 18, 2015 IP