Php inside a javascript function?

Question

I have a feature on my users inbox that allows users to check/uncheck messages in their inbox that they want to make favourite.

I'm currently testing what happens when a user checks the box (clicks on the image and causes it to go from greyed out to colour meaning the box is checked).

Anyway as you can see from the code below when the box ischecked this url is suppose to be loaded: http://mysite.com/messages/favourite_checked

The message_id of the row the user has checked the box on is suppose to be added onto the end of the url this then loads my controller "messages" and method "favourite_checked" which then passes a variable that grabs the message_id from the url, stores it in a variable then sends it the my model and it is used in a mysql query.

Basically I update the favourites column of my messages table and set it to = 1 where the message_id from url matches the one in the messages table in my database. So yea, where the match is found the "favourite" column in that row is updated to 1. 1 = favourite 0 = not favourite.

Any I just thought I would make it clear what was happening..

My problem is nothing happens when I check the box, nothing is updated so I feel I must be doing something wrong where I try to add the id to the url in the javascript function.

I've tried $(post) also.. nothing happens then also.

Maybe someone can spot it because I really don't know what the problem is.

<script type="text/javascript">

// favourite check box
    $('input.favourite:checkbox').simpleImageCheck({
  image: '<?php echo base_url()?>images/messages/check.png',
  imageChecked: '<?php echo base_url()?>images/messages/unchecked.png',
  afterCheck: function(isChecked) {
    if (isChecked) {



  //query to db from php to update favourite number to 1
  $.get('http://mysite.com/messages/favourite_checked'+'<?php foreach ($query as $row):  ?><?php $row['id']; ?><?php endforeach; ?>');

    }
//    else (!isChecked)
//        {
//            //query to db from php to update favourite number to 0
//              $.get('http://mysite.com/messages/favourite_unchecked');
//        }
  }
});
</script>

Not sure what you mean but nothing actually happens when I check the box. — LondonGuy
– LondonGuy, Commented Jan 18, 2011 at 21:38
And what is simpleImageCheck(), does it come from a plugin or something you have defined somewhere else? — jeroen
– jeroen, Commented Jan 18, 2011 at 21:48
Here is where I got the plugin: jkdesign.org/imagecheck/examples.php I removed the code that was a popup that would pop up after the box was checked and this is where I put the url — LondonGuy
– LondonGuy, Commented Jan 18, 2011 at 21:50
@Psychonetics - I believe he means you should run the page, then go look at the page source. Then you will see what the java script looks like AFTER the PHP has parsed. — Christa
– Christa, Commented Jan 18, 2011 at 21:51

Christa · Accepted Answer · 2011-01-18 21:28:31Z

5

I think your basic problem is some confusion about when the PHP is running vs the javascript.

The PHP you put on the page is server side, it will load first, then the javascript will run client-side.

This part here:

$.get('http://mysite.com/messages/favourite_checked'+'<?php foreach ($query as $row):  ?><?php $row['id']; ?><?php endforeach; ?>');

Seems like you are wanting this to be dynamic based on what you checked, but I don't see how that url is going to show specifically what you are looking for.

answered Jan 18, 2011 at 21:28

Christa

4854 silver badges4 bronze badges

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

Comments

jeroen · Accepted Answer · 2011-01-18 21:41:29Z

1

About the PHP:

I think you want to replace this:

<?php $row['id']; ?>    // does nothing

with this:

<?php echo $row['id']; ?>    // echo's the id

Although I´m not sure that that will work as the loop you have there will generate a strange url, just adding all id's...

About the javascript:

I´m not familiar with the simpleImageCheck() function you are calling, but does it have an onClick or onChange event handler? Otherwise I don´t see your code being run at all.

edited Jan 18, 2011 at 21:41

answered Jan 18, 2011 at 21:27

jeroen

91.8k22 gold badges117 silver badges132 bronze badges

Collectives™ on Stack Overflow

Php inside a javascript function?

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related