PHP counter in Javascript for loop

Question

I'm trying to implement a javascript for loop in which a php variable is counting (phpVar++) each loop. However, the variable, which starts at 0, always ends up being 1, even though the loop loops multiple times.

Is this not possible?

<script>
    <?php  $totalMarkers=0; ?>
    for (var i = 0; i < markers.length; i++) {
      <?php $totalMarkers=$totalMarkers+1; ?>
    }
    <?php echo $totalMarkers ?>   //this always prints "1"
</script>

I'm trying to do this so that I can print $totalMarkers in different places in the Body of the HTML.

@SimonAndréForsberg I did multiple searches before posting and didn't find anything. — swl1020
– swl1020, Commented Aug 20, 2012 at 18:22
@swl1020 Here's one example: stackoverflow.com/questions/7100633/… . Google for "change php variable in javascript" or similar to find more. — Simon Forsberg
– Simon Forsberg, Commented Aug 20, 2012 at 18:26

Chris Baker · Accepted Answer · 2012-08-20 18:18:28Z

7

Javascript is executed on the client computer, PHP is executed on the server. So, your loop does not run until the page is completely loaded in the user's browser -- at that point, no PHP will be executed.

When that page is rendered, this is the process:

<script> <-- gets output literally

<?php $totalMarkers=0; ?> <-- has no output

for (var i = 0; i < markers.length; i++) { <-- is output literally

<?php $totalMarkers=$totalMarkers+1; ?> <-- has no output

} < -- is output literally

<?php echo $totalMarkers ?> <-- outputs 1

</script> <-- is output literally

If you were to view source, you would see this:

<script>
    for (var i = 0; i < markers.length; i++) {
    }
    1   //this always prints "1"
</script>

answered Aug 20, 2012 at 18:18

Chris Baker

50.8k13 gold badges99 silver badges116 bronze badges

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

Comments

Chris Baker · Accepted Answer · 2012-08-21 13:41:15Z

5

PHP runs on the server. JavaScript runs in the browser.

Your server runs the PHP, and will then send this to your browser:

<script>
        for (var i = 0; i < markers.length; i++) {
      }
    1</script>

The only way JavaScript can affect PHP is with AJAX or similar.

edited Aug 21, 2012 at 13:41

Chris Baker

50.8k13 gold badges99 silver badges116 bronze badges

answered Aug 20, 2012 at 18:18

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Comments

Halcyon · Accepted Answer · 2012-08-20 18:18:44Z

3

PHP runs server-side, JavaScript runs client-side (ignore Node.JS et.al.)

The HTML your browser receives will look like:

<script>
    for (var i = 0; i < markers.length; i++) {
    }
    1   //this always prints "1"
</script>

So, I'm not sure what you want to accomplish here, but you have to keep in mind that PHP and JavaScript can not interact directly.

answered Aug 20, 2012 at 18:18

Halcyon

57.7k10 gold badges93 silver badges131 bronze badges

Comments

gen_Eric · Accepted Answer · 2012-08-20 18:19:47Z

2

You cannot mix PHP and JavaScript like that. It doesn't work that way.

The PHP is ran before the JavaScript is. So, the lines:

<?php $totalMarkers=0; ?>
<?php $totalMarkers=$totalMarkers+1; ?>
<?php echo $totalMarkers ?>

are ran before your browser sees it.

Your browser just sees:

for (var i = 0; i < markers.length; i++) {
}
1

answered Aug 20, 2012 at 18:19

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

Comments

Simon Forsberg · Accepted Answer · 2012-08-20 18:18:53Z

1

No, it is not possible - not without using a bunch of AJAX which seems totally inappropriate for you. PHP is executed way before any JavaScript can be executed. PHP is Server-sided, JavaScript is client-sided. Thus, JavaScript can not control PHP.

answered Aug 20, 2012 at 18:18

Simon Forsberg

13.4k11 gold badges66 silver badges109 bronze badges

Comments

William Fortin · Accepted Answer · 2012-08-20 18:19:48Z

1

You can't do that. PHP is a Hypertext Pre Processor. It is executed before any Javascript code. The code you actually have takes $totalMarkers and initializes it to 0. Then it adds one and then it echoes... It will always be "1" !

You need to count using a Javascript variable then send it to the server if you want to manipulate it with PHP.

answered Aug 20, 2012 at 18:19

William Fortin

7771 gold badge4 silver badges17 bronze badges

Collectives™ on Stack Overflow

PHP counter in Javascript for loop

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related