MOBILE PAGE !
Mobile page atau halaman seluler merupakan unit pertama untuk berinteraksi pada jQuery Mobile
Pada topik pembahasan ini kita akan menjelaskan bagaimana cara membangun sebuah halaman seluler pada jQuery mobile
Langkah-Langkah Membuat Mobile Page Struktur:
Langkah awal yang harus dilakukan adalah pastikan kita telah mendownload jQuery mobile disitus resminya : http://jquerymobile.com/download/
Untuk code script halaman pertama jQuery mobile sebagai berikut:
Setelah kita save file code script tadi dengan fomat .php , maka tampilan web & mobilenya seperti berikut:
MULTIPLE PAGE !
Kemudian setelah jQuery mobile struktur selanjutnya ada juga Multiple Page
Didalam jQuery Mobile tidak hanya dapat membuat satu halaman saja, melainkan kita dapat membuat dua halaman atau lebih dalam satu HTML
Untuk membuat multiple page kita dapat menggunkan code script id=“..” dan dipanggil dengan code “a href=#..” contoh berikut:
Hasil dari multiple page tersebut adalah sebagai berikut :
Link page two yang berarti berfungsi memanggil tampilan halaman kedua
Dan begitu juga sebaliknya untuk link page one berfungsi untuk memanggil tampilan halaman pertama
Page Dengan Dialog !
} Dialog mendefiniskan sebuah box halaman yang digunakan untuk menunjukan informasi dari halaman tersebut
} Untuk membuat page dengan dialog kita dapat menambahkan data-dialog=”true” pada code script sebelumnya, contok berikut:
Ini tampilan dialog box pada jquery mobilenya:
Komentar
Posting Komentar