chemy
chemy

Reputation: 1

Change colour in html using php

<?php
    $id_pemesanan=$_GET['id_pemesanan'];

    $q="SELECT * FROM `seat`";
    $qe=mysql_query($q);
    $de=mysql_fetch_array($qe);

    $id_seat=$de['id_seat'];
    $row=$de['row'];
    $number=$de['number'];

    for ($i=1; $i <=$number ; $i++) { 
        echo "<li>
              <a href=\"book_seat_proses.php?id_pemesanan=".$id_pemesanan."&id_seat=".$id_seat."&number=".$i."\" id=".$row.$i."
              class=\"\"></a>
              </li>";
    }
?>

I'm trying to create a seat_booking system with three different color:

My plan is to add new class in a tag dynamically but I don't know how to do it.

Upvotes: 0

Views: 161

Answers (5)

Shafiqul Islam
Shafiqul Islam

Reputation: 5690

you can use this code which set variable dynamic. here this $status is use for check if your field is different then use this instead $status.

$status=$de['status'];

to

$status=$de['yourfield'];

and one thing do you want to check this using loop in this case you need to use loop using your data array

for ($i=1; $i <=$number ; $i++) { 
    if( $status == 'available' )
    {
        $class ='white';
    } else if( $status == 'reserved' )
    {
        $class ='black';
    } else 
    {
        $class ='green';
    }

echo "
            <li>
            <a  class= '$class' href=\"book_seat_proses.php?id_pemesanan=" . $id_pemesanan . "&id_seat=" . $id_seat . "&number=" . $i . "\" id=" . $row . $i . "
            class=\"\"></a>
            </li>
    ";
}

then this is your css

.black{
      color:black;
      /* your extra code if need */
  }

.green{
      color:green;
     /* your extra code if need */
  }

.white{
      color:white;
      /* your extra code if need */
  }

Upvotes: 0

Pattatharasu Nataraj
Pattatharasu Nataraj

Reputation: 248

simply you can use like

for ($i=1; $i <=$number ; $i++) {
        $color="";
        if($status=="available"){$color="Green";}
        else if($status=="Booked"){$color="Red";}
        else{$color="black";}

        echo '<a style="color:"'.$color.'"" href="...">Book Now</a>';

}

Upvotes: 1

informer
informer

Reputation: 851

Create a variable class like:

....
.....
$colorClass = 'green';
if ($status == 'available') {
    $colorClass = 'white';
} else if ($status == 'reserved') {
    $colorClass = 'black';
}
for ($i = 1; $i <= $number; $i++) {
    echo "
            <li>
            <a  class= '$colorClass' href=\"book_seat_proses.php?id_pemesanan=" . $id_pemesanan . "&id_seat=" . $id_seat . "&number=" . $i . "\" id=" . $row . $i . "
            class=\"\"></a>
            </li>
    ";
}

Add a css class for all the colors like:

 .black{
      color:black;
  }

Upvotes: 0

jackstrapp
jackstrapp

Reputation: 313

Just set your classname in a variable and add it like you did with the href:

<?php
        $id_pemesanan=$_GET['id_pemesanan'];

        $q="SELECT * FROM `seat`";
        $qe=mysql_query($q);
        $de=mysql_fetch_array($qe);

        $id_seat=$de['id_seat'];
        $row=$de['row'];
        $number=$de['number'];
        $className= ...
        // do stuff to know your classname ('reserved'/'yours'/'available'). Don't forget to include your css with thoses classes.
        for ($i=1; $i <=$number ; $i++) { 
            echo "
                    <li>
                    <a href=\"book_seat_proses.php?id_pemesanan=".$id_pemesanan."&id_seat=".$id_seat."&number=".$i."\" id=".$row.$i."
                    class=\"".$className."\"></a>
                    </li>
            ";
        }
    ?>

Upvotes: 0

Mayank Pandeyz
Mayank Pandeyz

Reputation: 26258

You can do it like:

php:

for ($i=1; $i <=$number ; $i++) { 
    if( $status == 'available' )
    {
        echo '<a class="seat_available" href="...">Book Now</a>
    }
}

css:

.seat_available{
    color: green;
}

Upvotes: 0

Related Questions