logo
  • Home
  • Pemrograman
    • Website
      • PHP
      • MySQL
      • Ajax
      • CSS
      • JavaScript
      • HTML
    • Framework
      • Laravel
      • Lumen
      • Yii2
  • Sistem Operasi
    • Linux
    • Android
    • Windows
  • Kehidupan
    • Cinta
    • Ga Jelas
  • Home
  • Pemrograman
    • Website
      • PHP
      • MySQL
      • Ajax
      • CSS
      • JavaScript
      • HTML
    • Framework
      • Laravel
      • Lumen
      • Yii2
  • Sistem Operasi
    • Linux
    • Android
    • Windows
  • Kehidupan
    • Cinta
    • Ga Jelas

Fungsi Rating Star

25 Nov 2014 by Nasrul Hadi 0 Comments

Selamat malam calon penghuni surga, mau berbagi lagi sedikit tips, yaitu fungsi (kata temen kampus, ini namanya algoritma) untuk membuat rating star berdasarkan jumlah inputan entah itu statis atau dari database, berikut contohnya fungsi di php nya:

public function rating($jumlah)
    {
        $check = "";
        if(isset($jumlah) && $jumlah > 0)
        {
            for ($i=1; $i <=5; $i++) { 
                if($i <= $jumlah){
                    $check .= '<i class="glyphicon glyphicon-star star star-checked"></i>';
                }else{
                    $check .= '<i class="glyphicon glyphicon-star star"></i>';
                }
            }
        }else{
            for ($i=1; $i <=5; $i++) { 
                $check .= '<i class="glyphicon glyphicon-star star"></i>';
            }
        }
echo $check;
}

class glyphicon sendiri berasal dari library semacam font-awesome, ini dicomot dari web yg sudah terintegrasi dengan bootstrap. Next, tambahkan attribute di file css:

.star {
    color: #cccccc;
}
.star-checked {
    color: #f0ad4e;
}

lalu di file php, tinggal panggil fungsi ratting tadi dengan cara berikut:

echo $this->rating(3);

jika berhasil, akan tampil seperti ini

image

~ sekian

Categories : HTML, JavaScript, PHP, Tutorial, Web Programming
Tags : html, javascript, jquery, mysql, php, wordpress, yii
Nasrul Hadi

Sudah menikah, dan sekarang jadi bapak rumah tangga. Contact: nasrul[at]arekmedia.com

Related Post

Kirim Email Di Lumen 5.2 Menggunakan Mandrill

Kirim Email Di Lumen 5.2 Menggunakan Mandrill

09 Apr 2016
5 Plugin Wajib di WordPress

5 Plugin Wajib di WordPress

23 Oct 2015
JQuery: Menghitung Sisa Karakter

JQuery: Menghitung Sisa Karakter

01 Apr 2015

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Sudah menikah, dan sekarang jadi bapak rumah tangga.
nasrul[at]arekmedia.com

Nasrul Hadi

Social

Recent Posts

latestwid-img

Modem Indihome Kena Hack!

15 May 2017
latestwid-img

SSL Gratis dari Let’s Encrypt!

9 September 2016
latestwid-img

Kirim Email Di Lumen 5.2 Menggunakan Mandrill

9 April 2016
latestwid-img

5 Plugin Wajib di WordPress

23 October 2015
latestwid-img

Mengatasi Space Server Penuh

14 May 2015

Recent Comments

  • philtyphils on Kirim Email Di Lumen 5.2 Menggunakan Mandrill
  • Muhamad Husein on SSL Gratis dari Let’s Encrypt!
  • Ceth on From Nu Mountain with Love
  • SSL Gratis dari Let's Encrypt | Sementara Itu... on Otomatis Http ke Https
  • Abdul Hamid on Kirim Email Di Lumen 5.2 Menggunakan Mandrill

Archives

  • May 2017
  • September 2016
  • April 2016
  • October 2015
  • May 2015
  • April 2015
  • December 2014
  • November 2014
  • October 2012
  • March 2012
  • July 2011
  • June 2011
  • May 2011

Follow @ Instagram

dibuat di kamar Nasrul untuk dunia.