Saturday, December 10, 2016

Tugas kelompok Jquery Mobile

BAB 8
JQUERY MOBILE TOOLBAR

Toolbar merupakan elemen yang digunakan untuk mempermudah user mengakses navigasi.Toolbar biasanya ditempatkan pada header dan footer. Pada bagian header biasanya toolbar berisi logo, atau tombol navigasi seperti tombol home dan search. Sedangkan toolbar di bagian footer lebih fleksibel yang dapat berisi banyak tombol navigasi. Berikut contoh penulisan toolbar jauery Mobile :
Kita juga dapat membuat group vertical atau horizontal pada tombol atau navigasi toolbar yang terdapat di footer sebagai berikut
Positioning Header dan Footer
Ada 3 cara untuk mengatur posisi header dan footer, yaitu:
       1. data-position="Iniine" merupakan posisi Default header dan footer
       2. data-position="fixed" mendefinisikan posisi header dan footer tetap tidak berubah apabila dilakukan scroll.
       3.    data-fulscreen=True" sama seperti fixed. Bedanya     jika     layar di sentuh di tap maka header dan footer akan menghasilkan efek hide dan show.
Adapun skrip TOOLBAR adalah sebagai berikut :
1. Buat di editor (notepad++,dreamaver,notepad)

2.    Simpan di server anda jika menggunakan XAMPP di folder htdoc dan jika menggunakan appserver di folder www.
3.    Untuk melihat tampilan di hanphone maka laptop dan handpone harus terkoneksi di jaringan yang sama lalu ketikan IP addres yang ada di computer ke broser handpone exp : 192.168.43.129/namafolderwebanda
4.    Maka tampilannya sebagai berikut