Add an html to an element under PHP condition

Question

I'm trying to add an HTML next to an existing element in my page. This is what I've tried::

HTML/PHP

<?php 
if ( $duedatereservation < $today ) {
//echo "Past Due!";
$isPastDue = true;
}    
?>
<div class="container">
  <div class="inner">Transaction Date</div>
  <div class="inner">Due Date</div>
</div>
<h2 id="report">Notice</h2>

jquery:

$(document).ready(function(){
    $("<span>Past Due!</span>").insertAfter("#report");
});

What exactly I want is when the condition $isPastDue is true, I want to append/add a html tag next to #report h2. But it's not displaying. Any ideas? Help is much appreciated. Thanks.

Sanoob · Accepted Answer · 2014-03-18 07:36:58Z

3

Try this code

<?php 
if ( $duedatereservation < $today ) {
//echo "Past Due!";
$isPastDue = true;
}    
?>
<div class="container">
  <div class="inner">Transaction Date</div>
  <div class="inner">Due Date</div>
</div>
<h2 id="report">Notice</h2>
<?php if($isPastDue):?>
  <span>Past Due!</span>
<?php endif;?>

If your requirement this much, no need to add JavaScript.Just use only php.

answered Mar 18, 2014 at 7:36

Sanoob

2,4724 gold badges32 silver badges38 bronze badges

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

Comments

Felix · Accepted Answer · 2014-03-18 07:35:53Z

1

Try to do like this:

<?php
if($isPastDue) {
?>
<script>
    $(document).ready(function(){
        $("<span>Past Due!</span>").insertAfter("#report");
    });
</script>
<?php
}
?>

answered Mar 18, 2014 at 7:35

Felix

38.2k8 gold badges45 silver badges56 bronze badges

Comments

Iqbal Fauzi · Accepted Answer · 2014-03-18 07:38:30Z

0

So, the main case is you want to execute the insertAfter script only if isPastDue is true. You can do it by echo the insertAfter script before closing } of your PHP if condition.

<?php
if($duedatereservation < $today){
    echo '<script>';
    echo '...
    echo '</script>';
}

answered Mar 18, 2014 at 7:38

Iqbal Fauzi

1,57111 silver badges12 bronze badges

Comments

ashishmaurya · Accepted Answer · 2014-03-18 08:03:20Z

0

No need to use JQuery for this. You can do this using PHP only

<h2 id="report">Notice <?php if($isPastDue){echo "<span>Past Due!</span>";} </h2>

answered Mar 18, 2014 at 8:03

ashishmaurya

1,19610 silver badges18 bronze badges

Collectives™ on Stack Overflow

Add an html to an element under PHP condition

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related