javascript loader in php foreach

Question

I'm trying to make a little javascript loader. My code:

<?
//COUNT TOTAL PURCHASE INVOICES
$i = 0;
foreach($xml->tr as $purchase) 
{
    $i++;
}
$steps = 100 / $i;

$steps = str_replace(',', '.', $steps);


foreach($xml->tr as $purchase) 
{   
    ?>
    <script type="text/javascript" charset="utf-8">
    $(document).ready(function() 
    {
        var loaderValue = $("#loaderValue").val();
        newLoaderValue = parseFloat(loaderValue) + parseFloat("<?=$steps?>");

        $("#loaderValue").val(newLoaderValue);
        $(".connect_loader").width(newLoaderValue+"%");
    });
    </script>
    <?
}
?>

The script worked but the problem is that the javascript runs after php is ready so the loader is in one step at 100%.

Is there another simple way to do this?

it is required to use '$(document).ready(function() ..'?

RONE
– RONE

2013-09-05 07:29:57 +00:00
Commented Sep 5, 2013 at 7:29 — RONE
– RONE, Commented Sep 5, 2013 at 7:29

user1409909 · Accepted Answer · 2013-09-05 07:30:10Z

2

Your question is a bit confusing.

You have to know that the PHP is used server side and the javascript client side.

The script worked but the problem is that the javascript runs after php is ready so the loader is in one step at 100%.

So this behavior is normal.

The best way to do what you want to do is to make a Javascript function which do an Ajax call and increment your loader depends on the result of the function.

answered Sep 5, 2013 at 7:30

user1409909

Sign up to request clarification or add additional context in comments.

2 Comments

Leon van der Veen Over a year ago

Yes that's what I found out. That's why I asked for another solution.

Leon van der Veen Over a year ago

So when I use an Ajax call (in the foreach) to a page with the loader function that will work?

Venkat · Accepted Answer · 2013-09-05 07:38:06Z

0

PHP is not visible to the client. The server will process the PHP part of your code and generate a html page which the client will see.
This means you cannot use PHP during runtime.
Try to store whatever values you need into Javascript variables and use those instead.
A simple way to understand this is to view page source on your webpage... You can see the resultant html code.

answered Sep 5, 2013 at 7:38

Venkat

1812 silver badges10 bronze badges

Comments

Aldi Unanto · Accepted Answer · 2013-09-05 07:33:42Z

-1

I hope this works.

<?php
//COUNT TOTAL PURCHASE INVOICES
$i = 0;
foreach($xml->tr as $purchase) 
{
    $i++;
}
$steps = 100 / $i;

$steps = str_replace(',', '.', $steps);
?>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function() 
    {
        for(var x = 0; x <= <?php echo $i ?>; x++){
            var loaderValue = $("#loaderValue").val();
            newLoaderValue = parseFloat(loaderValue) + parseFloat("<?php echo $steps ?>");

            $("#loaderValue").val(newLoaderValue);
            $(".connect_loader").width(newLoaderValue + "%");
        }
    });
</script>

answered Sep 5, 2013 at 7:33

Aldi Unanto

3,6821 gold badge25 silver badges31 bronze badges

Collectives™ on Stack Overflow

javascript loader in php foreach

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related