jQuery Mobile Page

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: