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 *

Recent Posts

latestwid-img

Cara cepat “Save All” di Sublime Text 3

6 May 2020
latestwid-img

Password default modem Huawei HG8245A Indihome terbaru 2020

4 May 2020
latestwid-img

Percayakan Server dan Domain Kamu pada Ahlinya

30 April 2020
latestwid-img

Cara menghubungkan folder sharing Windows 10 dengan VLC di Android TV

23 April 2020
latestwid-img

Modem Indihome Kena Hack!

15 May 2017

Recent Comments

  • mahasiswacode on Kirim Email Di Lumen 5.2 Menggunakan Mandrill
  • Firman on Modem Indihome Kena Hack!
  • anil on Modem Indihome Kena Hack!
  • philtyphils on Kirim Email Di Lumen 5.2 Menggunakan Mandrill
  • Muhamad Husein on SSL Gratis dari Let’s Encrypt!

Archives

  • May 2020
  • April 2020
  • 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
Dibuat untuk memberi manfaat ❤