Archive

Posts Tagged ‘HTML’

Nested comments in PHP & MySQL

24 October 2013 Leave a comment

I searched through the forums but couldn’t get an authoritative answer. I want to implement a nested comment structure in a way like this:

<ul>
    <li>This is the parent first comment!
        <ul>
            <li>This is the reply for the first parent comment!
                <ul>
                    <li>This is a reply for the first reply of the parent comment!</li>
                    <li>This is a third reply for the first parent comment!</li>
                </ul>
            </li>
            <li>This is another reply for first parent comment!</li>
        </ul>
    </li>
    <li>This is gonna be parent second comment!
        <ul>
            <li>This is a reply for the second comment!</li>
        </ul>
    </li>
    <li>This is fourth parent comment!</li>
</ul>

The dump for my table is below:

+----+------------------------------------------------------------+--------+
| id | text                                                       | parent |
+----+------------------------------------------------------------+--------+
|  1 | This is the parent first comment!                          |      0 |
|  2 | This is gonna be parent second comment!                    |      0 |
|  3 | This is the reply for the first parent comment!            |      1 |
|  4 | This is another reply for first parent comment!            |      1 |
|  5 | This is a reply for the first reply of the parent comment! |      3 |
|  6 | This is a reply for the second comment!                    |      2 |
|  7 | This is a third reply for the first parent comment!        |      3 |
|  8 | This is fourth parent comment!                             |      0 |
+----+------------------------------------------------------------+--------+

I know how to use mysql_query() and while() loops. A beginner in PHP & MySQL. Please help me out.

ANSWER:

I had done something similar for my blogpost. Yet, I just tried out with the same data. When you saynested comments it is better you can use nested functions this way:

<?php
    mysql_connect('localhost', 'root');
    mysql_select_db('nestedcomments');
    function getComments($parent)
    {
        $res = mysql_query("SELECT * FROM `nestcomm` WHERE `parent` = $parent");
        if (mysql_num_rows($res))
        {
            echo "<ul>\n";
            while (($dat = mysql_fetch_array($res)) !== false)
                echo "<li>", $dat["text"], getComments($dat["id"]), "</li>\n";
            echo "</ul>\n";
        }
        else
            echo ($parent === 0) ? 'No Comments!' : "";
    }
    getComments(0);
?>

As I said before I have used nested functions, and as you asked the output is almost same (without the braces) this way:

<ul>
<li>This is the parent first comment!<ul>
<li>This is the reply for the first parent comment!<ul>
<li>This is a reply for the first reply of the parent comment!</li>
<li>This is a third reply for the first parent comment!</li>
</ul>
</li>
<li>This is another reply for first parent comment!</li>
</ul>
</li>
<li>This is gonna be parent second comment!<ul>
<li>This is a reply for the second comment!</li>
</ul>
</li>
<li>This is fourth parent comment!</li>
</ul>

Hope this helps out.

SOURCE

Tag-tag HTML 5 yang harus Anda ketahui

30 August 2012 2 comments

1. Apa itu HTML 5?

Jika kita perhatikan secara seksama komponen yang digunakan dalam halaman website yang rich content, para web developer dikagetkan dengan adanya flash yang sebenarnya bukan web, tetapi aplikasi yang dijalankan di atas sites.Sebagian besar orang menggunakan flash sehingga tak ada rujukan bahasa standar seperti HTML dan XHTML untuk sebuah halaman website, serta memperburuk jaringan karena setiap kali kita membuka halaman flash, seolah-olah jaringan dipaksa untuk mengambil seluruh konten yang ada di server akhirnya beban nya sangat tinggi.

Namun setelah berkembangnya javascript beserta AJAX nya, flash pun berangsur-angsur ditinggalkan karena “kecanggihan” nya hampir menyamai Flash. Tetapi satu lagi kekurangan yang harus dihadapi adalah tidak adanya bahasa standar yang digunakan secara world wide dalam menggunakan js, ini seperti tak adanya validator untuk bahasa ini sehingga perkembangannya benar-benar terlalu rapid soalnya bukan dikembangkan oleh organisasi W3 tetapi oleh komunitas seperti mootools dan jquery.

Karena alasan tersebut, W3.org sebagai organisasi resmi world wide, mengharuskan pembuatan standar baru setelah XHTML yang sudah tak mampu “menampung kekayaan” konten masa kini. Dibuatlah standar bahasa mark up baru yaitu HTML 5.

Selain terdapatnya fungsi-fungsi baru, HTML5 juga memberikan beberapa kemudahan seperti pada bagian awal file HTML kita tidak lagi dipusingkan menulis coding DOCTYPE yang panjang :

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>

Pada HTML5, DOCTYPE dapat ditulis lebih ringkas :

<!DOCTYPE html>

Kemudian pada baris berikutnya kita tulis seeprti ini:

<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />

Versi HTML5 berubah menjadi :

<meta charset=”utf-8″ />

Selain itu, coding CSS dan Javascript pada HTML5 tidak perlu lagi menulis seperti type=text/css dan type=text/javascript :

<style>
* { margin:0px; padding:0px;}
</style>

 

<script type="text/javascript" src="”http://www.google.com/jquery.js”"></script>&nbsp;

HTML5 juga menghilangkan beberapa tag ataupun element yang telah jarang dipakai dan digantikan oleh CSS seperti acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, s, strike, tt, u. Read more…

Membuat Laporan(Report) dengan PHP Excel

21 July 2012 53 comments

Mungkin bagi newbi-newbi termasuk saya sering bingung jika berhadapan dengan reporting atau membuat laporan di PHP. Baik itu laporan dalam bentuk PDF atau EXCEL.

Saya sendiri pernah mencoba 3 (tiga) library untuk membuat laporan dalam bentuk PDF (bisa dilihat disni). Untuk laporan atau reporting dalam bentuk excel ada satu library PHP yang sangat mengagumkan, yaitu PHPExcel.

Sebelumnya saya biasanya memakai cara biasa untuk membuat laporan dalam excel, cara ini termasuk cara yang paling mudah bagi saya:


<?php
// isi $excel akan bernilai true apabila ditemukan parameter get dengan nama 'excel'
$excel = isset($_GET['excel']);
if($excel):
 // buat nama file unique untuk di download
 $filename = 'export-'.date('YmdHis');
 // dengan perintah di bawah ini akan memunculkan dialog download di browser anda
 header("Content-type: application/x-msdownload");
 // perintah di bawah untuk menentukan nama file yang akan di download
 header("Content-Disposition: attachment; filename=".$filename.".xls");
else:
 // tag header di html disembuyikan apabila sedang convert html to excel
?>
<html>
<head>
<style type="text/css">
/* setting format tabel */
table {
 font-family: Verdana;
 font-size: 8pt;
 border-width: 1px;
 border-style: solid;
 border-color: #ccd2d2;
 border-collapse: collapse;
 background-color: #f9f9f9;
}
th {
 color: #f00;
 font-size: 8pt;
 text-transform: uppercase;
 text-align: center;
 padding: 0.5em;
 border-width: 1px;
 border-style: solid;
 border-color: #000;
 border-collapse: collapse;
 background-color: #000;
}
td {
 padding: 0.1em;
 color: #272727;
 vertical-align: top;
 border-width: 1px;
 border-style: solid;
 border-color: #000;
 border-collapse: collapse;
 font-size: 8pt;
}
</style>
<title>Membuat Report Excel Dari HTML Dengan PHP</title>
</head>
<body>
<?php endif; ?>
<?php if(!$excel): ?>
<!-- Tombol di bawah dan penutup html hanya akan dipanggil apabila dalam kondisi melihat data,
 tapi ketika menampilkan file excel tombol ini disembunyikan -->
<div align="left" style="margin-top:15px">
 <input type="button" onClick="document.location='?excel=1'" value="Export to Excel" />
</div>
<br>
<?php endif; ?>
<?php
//setting koneksi anda
$server = "localhost";
$username = "root";
$password = "";
$db = "excel";
$tbl = "customer";

$koneksi = mysql_connect($server,$username,$password);
mysql_select_db($db, $koneksi) or die("Cannot connect to database..");

// create tabel dengan php
echo "<div align='left'><img src='http://smartcoderszone.com/wp-content/uploads/2010/09/generate-excel-report-with-php-and-mysql2.jpg' width='100' height='150'><div><br><br><br><br><br>";
echo "<p> </p>";
echo "<div align='left' style='color='#ff0000'><strong>DATA PEGAWAI</strong>";
echo "<table border='1'>";
echo " <tr bgcolor='#cccccc'>";
echo " <th>NO</th>";
echo " <th>company_name</th>";
echo " <th>email</th>";
echo " <th>city</th>";
echo " </tr>";

 $str = " SELECT * FROM ".$db.".".$tbl.
 " order by ID desc ";
 $query = mysql_query($str);
 if($query && mysql_num_rows($query) > 0){
 $no = $posisi+1;
 while($row = mysql_fetch_object($query)){
 //if($bgcolor=='#f1f1f1'){$bgcolor='#ffffff';}
 //else{$bgcolor='#f1f1f1';}
 echo "<tr bgcolor=$bgcolor>";
 echo " <td align='center' height='18'><strong>$no</strong></td>";
 echo " <td>{$row->company_name}&nbsp;</td>";
 echo " <td>{$row->email}&nbsp;</td>";
 echo " <td>{$row->city}&nbsp;</td>";
 $no++;
 }
 }
 //echo $str;
echo " </tr>";
echo "</table>";
echo "</div>";
?>
</body>
</html>

Cara yang lebih rumit tapi lebih bisa di custom, sebelum saya “menemukan” phpexcel saya sering pakai cara ini

dan sepertinya cara ini sering digunakan karena kebanyakan tutorial di internet memakai cara ini: Read more…

Membuat Laporan(Report) dg FPDF, Html2FPDF & Html2PDF

29 December 2010 18 comments

Apa itu fpdf, html2fpdf & html2pdf?

Secara umum fpdf, html2fpdf, dan html2pdf adalah library dari PHP untuk membuat file PDF. hal ini sangat berguna jika kita membangun sistem reporting. PDF(Portable Document File) merupakan file yang bisa di baca di semua OS. jadi inilah alasannya kenapa memakai PDF untuk reporting.

Gak usah banyak cas-cis-cus langsung aja saya berikan contoh dari ke-3 library di atas.

1. FPDF


<?php
 include 'fpdf.php' ;
 mysql_connect('localhost','root','');
 mysql_select_db('dbrutan');
 $bulan = $_POST['bln'];
 $tahun = $_POST['thn'];
 $sql = "SELECT * FROM napi a JOIN dtpenghuni b ON a.id_penghuni = b.id_penghuni WHERE status = 'Bebas' AND EXTRACT(MONTH FROM tgl_bebas)= '$bulan' AND EXTRACT(YEAR FROM tgl_bebas)= '$tahun' ORDER BY id_napi DESC";

$qry=mysql_query($sql) or die (mysql_error());
 define('FPDF_FONTPATH','font/');

$pdf=new FPDF('L','mm','A4');
 $pdf->Open();
 $pdf->SetAutoPageBreak(false);
 $pdf->AddPage();
 $pdf->SetFont('Arial','B',12);
 $pdf->Cell(100,6,'KEMENTERIAN HUKUM DAN HAM RI',0,0,'C');
 $pdf->Ln();
 $pdf->Cell(100,6,'KANTOR WILAYAH JAWA TIMUR',0,0,'C');
 $pdf->Ln();
 $pdf->Cell(100,6,'RUMAH TAHANAN NEGARA BANGKALAN',0,0,'C');
 $pdf->Ln();
 $pdf->Cell(100,6,'JL. PERTEMPURAN NO.21 BANGKALAN',0,0,'C');
 $pdf->Ln();
 $pdf->Cell(100,6,'TELEPON : (031)3095014',0,0,'C');
 $pdf->Ln();
 $pdf->Text(160,25,'DAFTAR : Narapidana yang telah dilepaskan/dibebaskan',0);
 $pdf->Ln();
 $pdf->Text(181,31,"dari Rumah Tahanan Negara Bangkalan",0);
 $pdf->Ln();
 $bln = date("F", mktime(0, "$bulan"));
 $pdf->Text(181,37,"Dalam bulan $bln $tahun",0);

$y_axis_initial = 45;
 $pdf->SetFont('Arial','',10);
 $pdf->setFillColor(222,222,222);
 $pdf->SetY($y_axis_initial);
 $pdf->SetX(10);
 //Header tabel halaman 1
 $pdf->CELL(10,6,'NO',1,0,'C',1);
 $pdf->Cell(40,6,'NAMA',1,0,'C',1);
 $pdf->Cell(15,6,'GOL',1,0,'C',1);
 $pdf->Cell(15,6,'P/W',1,0,'C',1);
 $pdf->Cell(15,6,'UMUR',1,0,'C',1);
 $pdf->Cell(37,6,'PUTUSAN DARI',1,0,'C',1);
 $pdf->Cell(25,6,'PERKARA',1,0,'C',1);
 $pdf->Cell(30,6,'ASAL PENYIDIK',1,0,'C',1);
 $pdf->Cell(30,6,'TGL BEBAS',1,0,'C',1);
 $pdf->Cell(40,6,'ALAMAT',1,0,'C',1);
 $pdf->Cell(25,6,'KET PIDANA',1,0,'C',1);
 $pdf->Ln();
 $max=25;//max baris perhalaman
 $i=0;
 $no=0;
 $row_height = 6;//tinggi tiap2 cell/baris
 $y_axis = $y_axis + $row_height;
 $date = date("Y-m-d");

while($row = mysql_fetch_array($qry))
 {
 $no++;
 $selisih = strtotime($date) -  strtotime($row[tgl_lahir]);
 $umur = intval($selisih/(60*60*24)/365);
 if ($i == $max){               //jika $i=25 maka buat header baru seperti di atas
 $pdf->AddPage();
 $pdf->SetY(10);
 $pdf->SetX(10);
 $pdf->CELL(10,6,'NO',1,0,'C',1);
 $pdf->Cell(40,6,'NAMA',1,0,'C',1);
 $pdf->Cell(15,6,'GOL',1,0,'C',1);
 $pdf->Cell(15,6,'P/W',1,0,'C',1);
 $pdf->Cell(15,6,'UMUR',1,0,'C',1);
 $pdf->Cell(37,6,'PUTUSAN DARI',1,0,'C',1);
 $pdf->Cell(25,6,'PERKARA',1,0,'C',1);
 $pdf->Cell(30,6,'ASAL PENYIDIK',1,0,'C',1);
 $pdf->Cell(30,6,'TGL BEBAS',1,0,'C',1);
 $pdf->Cell(40,6,'ALAMAT',1,0,'C',1);
 $pdf->Cell(25,6,'KET PIDANA',1,0,'C',1);

$pdf->SetY(10);
 $pdf->SetX(25);
 $y_axis = $y_axis + $row_height;
 $i=0;
 $pdf->Ln();
 }
 //tampilkan data daari database
 $pdf->Cell(10,6,$no,1);
 $pdf->Cell(40,6,$row[nama],1);
 $pdf->Cell(15,6,$row[jenis_napi],1);
 $pdf->Cell(15,6,$row[jk],1);
 $pdf->Cell(15,6,$umur,1);
 $pdf->Cell(37,6,$row[srt_putusan],1);
 $pdf->Cell(25,6,$row[pasal],1);
 $pdf->Cell(30,6,$row[asal_penyidik],1);
 $pdf->Cell(30,6,$row[tgl_bebas],1);
 $pdf->Cell(40,6,$row[alamat],1);
 $pdf->Cell(25,6,'',1);
 $pdf->Ln();
 $i++;
 }

//buat footer
 $now = date("d F Y");
 $pdf->Ln(10);
 $pdf->SetFont('Arial','B',12);
 $pdf->Cell(400,6,"Bangkalan, Tgl  $now",0,0,'C');
 $pdf->Ln();
 $pdf->Cell(404,6,"Kepala Rutan Bangkalan",0,0,'C');
 $pdf->Ln(30);
 $pdf->SetFont('Arial','U',12);
 $pdf->Cell(404,6,"BAMBANG HARYANTO,Bc.IP.SH.M.Hum",0,0,'C');
 $pdf->Ln();
 $pdf->SetFont('Arial','',12);
 $pdf->Cell(404,6,"NIP. 19661018 1992 03 1001",0,0,'C');
 $pdf->Ln();
 $pdf->Output('Napi_bebas_'.date("F Y").'.pdf', 'I');
 ?>

Jika ada yang kurang atau menambahkan silahkan comment

Read more…

Praktikum Pemrograman Web Modul 10

28 December 2010 14 comments

Tugas Tambahan Prak. Pemrograman Web I Modul 10:

1. Buat Program dengan menggunakan PHP untuk membuat tabel,

inputan jumlah kolom, jumlah baris, dan warna background table;

2. Buat Program Login/Logout(Gunakan Session) dan setelah login maka tampil minimal 3 link untuk 3 halaman yang berbeda + link untuk logout

UPDATE:

Untuk tugas pendahuluan modul 10 anda bisa baca di http://blog.codingwear.com/panduanphp/

atau di Fungsi Tanggal dan Waktu (Date/Time

dan di Fungsi String PHP

dan untuk minggu depan praktikum tetap diadakan, hari dan jam menyusul.

Bagi yang kurang mengerti langsung komen

Best Regards

Categories: Pemrograman Web Tags: , , ,

Praktikum Pemrograman Web Modul 8

14 December 2010 2 comments

Untuk tugas tambahan Prak. Pem Web Mod 8
Buatlah grafik seperti di bwah ini, dengan ketentuan:
a. Jumlah item(A,B,C,..) bisa diinputkan/tidak konstan
b. Nilai/value dari masing-masing item juga bisa diinputkan
c. Tentukan Lowest value dan Heightest value dari item2 tersebut
c. Warna bebas, yang pentin tidak ada warna yang sama dari tiap-tiap item
d. Tampilan lebih bagus lebih baik

html dan css

html dan css

Tips : Gunakan Table agar setiap kolom nilai item rata(cuma tips aja).
Gunakan prompt di javascript
Demo terakhir kamis malam jam 7
Note: Tugas Akhir Praktikum Pem WEB setiap praktikaan membuat website pribadi. Sebaiknya disiapkan dari sekarang karena website pribadi ini harus memenuhi semua yang ada di modul 1-13.

Kritik, saran dan omelan langsung komen di home page ini(tidak mempengaruhi nilai.hehe)

Good Luck..!!

Best Regards

Categories: Pemrograman Web Tags: , , ,

Memasang Flag Counter Di Blog WordPress

12 December 2010 Leave a comment

Flag Counter adalah suatu alat untuk mengetahui kunjungan dari tiap tiap orang yang berkunjung di blog kita, data yang bisa ketahui mulai dari negara mana saja, dan juga terdapat data sudah berapa kali halaman kita di buka.

caranya:

1. Googling ke:  http://www.flagcounter.com/

wp2

2. Pilihlah berapa bendera yang mau kamu pasang

3. Pilih berapa kolom yang mau di pasang

4. Pilihlah label nya

7. Centanglah bila kamu ingin menampilkan kode negara

8. Centanglah bila kamu ingin menampilkan jumlah halaman telah dibaca

9. Klik “get your flag counter”

10. Copy code for websites

Masuk/login ke wordpress>appearance>widget>text.

masukkan/paste code tersebut>kemudian save.

Categories: Serba-serbi Tags: , ,
%d bloggers like this: