Postingan lainnya
Bagaimana cara print header pada setiap page?
Misi gan mau tanya pada saat mau print halaman web yang kita bikin. Disini saya mau print header biar ada di setiap halaman tapi header itu bentuknya <div>
ada yang tau gimana? soalnya udh saya coba pake page break tetep gabisa... kira2 struktur html saya seperti ini.
<div>
<div class="header">
//isi header
</div>
<div class="table1">
<table>
//isi
</table>
</div>
<label>//title</label>
<div class="table2">
<table>
//isi
</table>
</div>
</div>
nah gan kan di isi table itu kan bisa ada data 100++ biar kalo setiap udh gak muat di halaman 1, di halaman 2nya ada heder lagi gimana ya tapi isi tablenya itu lanjutin dari yang halaman 1? intinya saya mau header ada di setiap halaman gan..
thanks gan sebelumnya.
5 Jawaban:
Agan buatnya pakai html dan css aja? G pake php dan mysql? Kalau html aja berarti agan harus buat manual alias copy paste halaman 1 ke halaman 2 dan seterusnya. Kalau agan kerjakan pakai php, cukup buat 1 file khusus header kemudian pake fungsi include/require ditambah buat pagination untuk membagi halamannya.
saya pake php mysql gan, jadi kalo print harus per page dong gan? ada cara lain yang lebih simple gan? tadi mau pake cara itu tp kyknya gak bakal efektif
Ok. Sebenarnya kalau kasusnya kayak gitu saya punya satu solusi. Agan bagi aja jadi 2 tampilan, 1 tampilan yang diperlihatkan dibrowser dengan paginationnya dan 1 tampilan lagi khusus untuk ngeprint tanpa pagination . Karena agan mau ngeprit semua data maka cukup buat query select * from bla bla tapi ingat buat displaynya none dulu. Nanti setelah user klik tombol tertentu baru kasi display block.
jadi saya bikin dua tampilan trus tampilan yg untuk print itu di kasih display none semuanya gan?
jadi gini buka strukturnya?
<style type="text/css">
@media screen
{
div#xxx{display:none}
}
</style>
<style type="text/css">
@media print
{
div#xxx{display:block}
}
</style>
<div id="xxx">
//isi header dan semua isi table
</div>
gitu bukan gan? kalo gitu bukannya gabakal keliatan bentuknya gimana yg mau di print?
iya gan kurang lebih kayak gitu. memang tampilan header itu g bakalan keliatan tapi saat diprint akan terlihat karena agan sudah set displaynya. Tapi masih ada satu masalah dari css ini, karena tidak semua browser support. jadi ada browser yang bisa ada juga yang tidak. agan juga bisa uji coba code ini:
<table>
<thead>
<!-- masukkan header di sini -->
</thead>
<tbody>
<!-- kontennya -->
</tbody>
<tfoot>
<!-- footer di sini -->
</tfoot>
</table>
tapi mungkin ini juga kadang tidak bekerja di beberapa browser.