How to write jquery code within php code

Question

Hello, I would like to add some JQuery code when my MySQL query match a specific ID, here is my code:

<?php
$chkgreenmark ="select * from TABLE where PARAM = '$VARIABLE'";
$sqlchkgreenmark = mysqli_query($GLOBALS['mysqli'],$chkgreenmark);
$numsqlchkgreenmark = mysqli_num_rows($sqlchkgreenmark);
if($numsqlchkgreenmark > 0) { ?>

<script type="text/javascript">
    $(".calendercolumn .dragbox #dragID").append("<div class='detailssaved'><a href='#' ><img src='./images/check_mark.JPG' height='15' width='15'></a></div>");
</script>
<?php 
}?>

The problem is that I get the JQuery code even when I don't have any result.

Can anyone please help me?

Answer 1

Try this

<?php
    $chkgreenmark ="select * from TABLE where PARAM = '$VARIABLE'";
    $sqlchkgreenmark = mysqli_query($GLOBALS['mysqli'],$chkgreenmark);
    $numsqlchkgreenmark = mysqli_num_rows($sqlchkgreenmark);
    if($numsqlchkgreenmark > 0)
    {
          echo '<script type="text/javascript">
            $(".calendercolumn .dragbox #dragID").append("<div class=\'detailssaved\'><a href=\'#\' ><img src=\'./images/check_mark.JPG\' height=\'15\' width=\'15\'></a></div>");
          </script>';
    }
?>

Live Demo

Answer 2

I tried @rynhe answer, but didn't work for me until i added the Document Ready function

<?php
    $chkgreenmark ="select * from TABLE where PARAM = '$VARIABLE'";
    $sqlchkgreenmark = mysqli_query($GLOBALS['mysqli'],$chkgreenmark);
    $numsqlchkgreenmark = mysqli_num_rows($sqlchkgreenmark);
    if($numsqlchkgreenmark > 0)
    {
          echo '<script type="text/javascript">
                $(document).ready(function(e) {
                     $(".calendercolumn .dragbox #dragID").append("<div class=\'detailssaved\'><a href=\'#\' ><img src=\'./images/check_mark.JPG\' height=\'15\' width=\'15\'></a></div>");
                });
          </script>';
    }
?>

Answer 3

on php files or pages that u can use php tags , u can write php into jquery scripts. So that u can use it like below;

<script type="text/javascript">
    $(".calendercolumn .dragbox <?php echo $id;?>").append("<div class='detailssaved'><a href='#' ><img src='./images/check_mark.JPG' height='15' width='15'></a></div>");
</script>