Artikel

Home > Artikel
 

 

Menampilkan Data Multikolom Horizontal


Diposting : 2017-03-03 oleh : WebHozz



Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai Menampilkan Data Multikolom Horizontal. Tanpa berlama-lama lagi langsung aja yuk kita masuk ke pembahasan artikelnya  sobat Webhozz.

Biasanya kita menampilkan data secara vertical (dari atas ke bawah), namun jarang yang menampilkan data secara horizontal, nah disinilah kita akan mencoba untuk menampilkan data multikolom secara horizontal. Sebelum kita mengetahui manfaat dan kelebihannya, bisa kalian lihat dulu gambaran data vertical dan horizontal berikut ini.

                   Vertical                                                                      Horizontal

Data 1

 

Data 1

Data 2

Data 3

Data 2

Data 4

Data 5

Data 6

Data 3

Data 7

Data 8

Data 9

Data 4

Data 10

Data 11

Data 12

Data 5

Data 13

Data 14

Data 15

Data 6

 

Data 7

Data 8

 

Kelebihan dan manfaat penampilan data bersifat horizontal sangat dirasakan apabila data itu merupakan data yang sedikit kalimat atau penampilannya, sehingga dapat memberikan ruang untuk konten lain serta memperpadat dan memperindah tampilan website. Contoh yang paling mencolok adalah konten untuk menampilkan galeri foto. Dibawah ini merupakan contoh untuk menampilkan judul buku dengan cara horizontal (kalian bisa gunakan database dan tabel apa saja yang pernah kalian buat). Buatlah file php dengan naman horizontal.php dan simpan dalam document root server kalian, kemudian isikan dengan skrip berikut :

<h2>Data Buku</h2>

<?php

mssql_connect (“AGOES-PC” , “sa” , “ 123456 “ ) ;

mssql_select_db ( “ dblatihan “ ) ;

 

$kolom  =  2;   / /   Jumlah  kolom

$sql  =  mssql_query ( “ SELECT    *    FROM  tbuku “ ) ;

 

Echo   “<table  border=1><tr>” ;

$i  =  0 ;

while   ($data  =  mssql_fetch_array ( $sql ) ) {

                 if   ($i   >=   $kolom)   {

                                  echo  “</tr><tr>” ;

                                  $1   =   0 ;

                 }

 $i ++ ;

 echo  “<td>$data [ judlu_buku ] </td> “ ;

}

echo  “< / tr >< / table > “ ;

?>

 

 

Buka pada web browser kalian dengan mengetikkan url http://localhost/buku/horisontal/horisontal.php. maka hasilnya akan tampil data yang terbagi atas 2 kolom. Jika kalian menginginkan ada 3 kolom, kalian cukup mengubah pada skrip yang semula $kolom  -  2  menjadi  $kolom  =  3.




Tag : kursus android, kursus web, kursus web design, kursus php, kursus website, lenovo, woocommerce, windows, excel, xampp, php, mysql, twitter, analytic, adwords, google, maps, seo, jquery, slider, browser, game, transition, animation, whatsapp, desktop, wireframe, desain, vps, css, aplikasi, html, javascript, captcha, form, kode, kaskus, autoscroll, codeigniter, processor, bootstrap, ios, wordpress, div, span, lollypop, background, marquee, behaviour, plugin, chaton, bitcoin, opencart, payment, post, get, tooltip, button, silverlight, webmaster, phonegap, facebook, html5, swicth, sass, bbm, alert, mvc, fungsi, mobile, loading, nokia, template, traffic, laravel, yii, jquerymobile, blogger, adobe, baidu, hosting, font, server, input, sticky, menu, tokoonline, prestashop, joomla, java, yahoo, angular, microsoft, responsive, generator, visitor, counter, flatdesign, kursus web design jakarta, kursus web design bandung, kursus website bandung, kursus php bandung, kursus android bandung, kursus java bandung, kursus web bandung, Aplikasi Ramadhan, Cara Membuat Website, Tempat Kursus Website Bandung, Manfaat Internet, Menggunakan Wireframe Web, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, kursus web jogja, kursus website jogja, kursus web design jogja, kursus web programming jogja, kursus php jogja, kursus android jogja, kursus android programming jogja, kursus java jogja, kursus webmaster jogja, kursus codeigniter jogja, kursus wordpress jogja, kursus seo jogja, kursus vb jogja, kursus sql server jogja, kursus game jogja, kursus website jakarta, kursus web design jakarta, kursus web programming jakarta, kursus webmaster jakarta, kursus php jakarta, kursus wordpress jakarta, kursus android jakarta, kursus seo jakarta, kursus java jakarta, kursus sql server jakarta, framework cordova, mengenal framework cordova, apa itu cordova, membuat aplikasi android dengan cordova, cordova android, aplikasi hybrid android, cordova vs phonegap, Kursus Website Surabaya, Kursus Web Design Surabaya, Kursus Webmaster Surabaya, Kursus PHP Surabaya, Kursus Wordpress Surabaya ,