Writing PHP variable based on jQuery calculations and displaying predetermined value

Question

Context:

I'm trying to make an automatically generated list that has a different amount of items on each page. Each item needs a name and a link, based on its place on the list. Here's an example with two items for the problematic part:

PHP variables:

$item_link_1 = "link1";
$item_name_1 = "first item";
$item_link_2 = "link2";
$item_name_2 = "second item";

jQuery:

$("#items").each(function(i) {
$(this).find("a").attr("href", "<?php echo $item_link_"+ ++i +";?>");
});
$("#items").each(function(i) {
$(this).find("a").text("<?php echo $item_name_"+ ++i +";?>");
});

HTML output:

<div id="items">
<a href="link1" class="item-1">first item</a>
<a href="link2" class="item-2">second item</a>
</div>

Problem:

Obviously, $item_name_"+ ++i +"; will never work. I need a way to add the number generated by jQuery to the end of the variable and echo this new variable. So, if it's the 4th item, the variable will be $item_name_4. The value of this variable (set manually) will be displayed by jQuery with the text() function.

At least that's my idea for how to automate the process. If there's a way to do this, please tell me. If you know a better way, please tell me.

Why do you need to generate the numbers in jQuery? You can do all that directly in php. — jeroen
– jeroen, Commented Jun 18, 2015 at 18:33
Because that's the first way of doing it that I found. How I said, better ways of doing this are welcome. Now, how can I do those in php? — ICE Trance
– ICE Trance, Commented Jun 18, 2015 at 18:36
Loops and string concatenation are pretty basic features in any language. If you try it yourself, you probably end up with better code than the things that you found. — jeroen
– jeroen, Commented Jun 18, 2015 at 18:38

iam-decoder · Accepted Answer · 2015-06-18 18:52:22Z

4

The problem your having is the difference between server-side processing and client-side processing.

An easy way to think about this is that PHP is handled before the HTML is even put on the screen replacing all the PHP parts with their variable contents. meaning that adding that php text with a client-side language like javascript won't be able to execute the php code and achieving the results you're after.

Luckily your example can be done explicitly in php:

<?php
$links = array(
    array('link' => "Link1", 'name' => "first item"),
    array('link' => "Link2", 'name' => "second item")
);
?>
<div id="items">
    <?php for($i = 0; $i < count($links); $i++){ ?>
        <a href="<?php echo $links[$i]['link']; ?>" class="item-<?php echo $i; ?>"><?php echo $links[$i]['name']; ?></a>
    <?php } ?>
</div>

edited Jun 18, 2015 at 18:52

answered Jun 18, 2015 at 18:38

iam-decoder

2,5641 gold badge17 silver badges30 bronze badges

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

3 Comments

ICE Trance Over a year ago

tried that, and all I got was <div id="items"> <a href="" class="item-0"></a> <a href="" class="item-1"></a> </div>

iam-decoder Over a year ago

edited, my bad. I changed loop types when I was writing this.

ICE Trance Over a year ago

I'll need some time to apply this to my thing, but I think you just shortened my 50-lines-long script to something simple. Thank you very much.

Collectives™ on Stack Overflow

Writing PHP variable based on jQuery calculations and displaying predetermined value

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related