Membuat header navigation menjadi fixed ketika di scroll [HTML5,CSS,JQUERY]

Dear diary 😀 wkwk

Dari pada pusing mikirin skripsi neh , mending dibuat nulis-nulis gini biasanya agak emmm, nambah pusing :v.

OK, kali ini saya akan membuat header sebuah website , header tersebut ada banner dan dibawah nya navigasi/menu page . Nah maksud dari judul diatas bagaimana sih ketika kita scroll kebawah navigasi tersebut menjadi fixed top  dan banner-nya hilang atau bisa dibilang ngikut ke scroll keatas. Bingung ? lihat gambar dibawah ini :

Gambaran project :

1.Tampilan awal

2.Tampilan ketika discroll kebawah melebihi halaman navigasi

Membuat print out halaman web dengan pdf di frame work codeigniter

Berhubung dari kemaren banyak yang nanya bagaimana sih mencetak misalkan laporan ataukah data /informasi dari sebuah halaman web . Menurut saya lebih baik jika ingin mencetak data di jadikan dulu ke PDF ,kalau data sudah menjadi pdf kan tinggal di cetak atau di simpan file tersebut bisa juga sih kalau misalkan langsung cetak lewat browser (seperti fitur ctrl+p di browser).Tapi kali saya akan sedikit memberikan informasi bagaimana caranya membuat pdf di web apps dengan menggunakan framework codeigniter .

Hasil nya percobaan seperti dibawah ini :

Pertama kita akan menggunakan libraryPHP yang bisa membuat file html ke file pdf , saya menggunakan DOMPDF  , kenapa menggunakan DOMPDF ?, ada banyak library-library  seperti DOMPDF , tapi menurut saya library ini yang paling bagus dan cepat ketika me-render ke PDF . Berdasarkan pengalaman 😀 ciee, library lain banyak bugs-nya seperti luuaamaa ketika proses convert-nya ketika dihadapkan tag table yang rumit, library tidak mendukung beberapa tag HTML, dan ada juga yang hanya mendukung inline CSS ,bayangin jika kita mempunyai desain yang rumit dan harus membuat CSS inline di HTML nya , kapan selesainya , ya kalau render ke pdf nya pas dengan desain html + css nya , kalau gak ? 😀 haha .

Memanggil fungsi controller tanpa memanggil nama controller di framework codeiginiter

Pertama ,pasti kalian bingung apa sih yang di maksud dari judul diatas , jujur saya juga bingung mau bikin judul apa 😀 hehe . Oke langsung aja ke TKP.

Misalkan kita mempunyai controller ‘home’ (home.php) dan kita punya fungsi ‘login()’. Kan kalau memanggil controller tersebut biasanya kita dengan cara website.com/home/login , nah yang akan kita bahas kali ini bagaimana sih cara memanggilnya dengan website.com/login ?  em silahkan di pahami dulu maksudnya 😀 .

Kalau sudah paham , langsung saja. Caranya sangat mudah , kita tinggal setting router nya yang ada di folder config (application/config/routes.php) .

Tambahkan :

$['login'] = "home/login"

Nah , kalau sudah cobak cek dibrowser kamu.
Emm Cuma itu doang? ya emang cuma segitu :D. Terimakasih yang sudah berkenan membaca 😀 .

Setting default controller sebuah folder di framework codeiginter

Kemarin ceritanya gw membuat halaman backend atau bisa disebut cpanel sebuah website , nah cpanel tersebut akan gw buat seperti di CMS , yang url-nya seperti http://website.com/admin .
Jika seperti diatas solusi yang paling mudah adalah membuat controler di folder admin , jadi controller-controller halaman admin kita taruh di folder admin. Nah yang menjadi masalah bagaimana sih mengatur default controller di folder admin ?.(logikanya controller ini dibuat untuk default controller di halaman admin gitu 😀 ) .

Setelah berkelana di stackoverflow.com , ternyata setting tersebut cukup mudah ,
tinggal tambahkan script berikut :

$route['admin'] = "admin/admin";

Taruh script diatas di application/config/routes.php
,letakkan di bawah $route[‘default_controller’] = “….”; juga boleh.Tergantung selera :D. Jadi $route[‘admin’] = “admin/admin” ==> $route[‘nama_forlder’] = “nama_folder/nama_default_controller”;

Mungkin cukup itu, terimakasih telah berkunjung di blog saya , semoga membantu dan terimaksih.

Membuat tombol ke halaman atas di halaman browser (back to top)

Ada baiknya sebuah website perlu adanya tombol seperti dibawah ini :

Misalnya kita mempunyai halaman posting yang panjang atau pengunjung loyal yang suka berkomentar di website anda dan sudah menscroll sampe bawah lalu kita ingin kembali ke menu utama yang ada di atas maka kita tidak perlu menscrol lagi ke atas jadi kita cukup mengKlik tombol back to top page saja. Jadi dengan tombol tersebut maka kembali ke main menu  atau halaman atass menjadi sangat praktis dan menghemat waktu dan tenaga tentunya.

Oke , tombol tersebut kita buat menggunakan script html , css3 , jquery javascript .