BAB 9
jQuery Mobile Navbars
Navigasi Bar merupakan sekelompok link sejajar atau
horizontal yang biasanya terdapat pada bagian header atau footer.pembuatan navbar ditulis dengan menggunakan kode <ul><li>
yang dibungkus dengan
<div> yakni elemen yang berisi atribut
data-role=“navbar"
Adapun salah satu contoh Scriptnya bisa dilihat dibawah ini :
<html><head>
<meta
name="viewport" content="width=device-width,
initial-scale=1">
<link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css">
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.mobile-1.4.5.min.js"></script>
</head><body>
<div data-role="page" id="pageone">
<div data-role="header"
data-position="fixed">
<h1>Active Navigation</h1>
<div data-role="navbar">
<ul><li><a
href="#"
class="ui-btn-active ui-state-persist"
data-icon="home">Home</a></li>
<li><a href="#pagetwo" data-icon="arrow-r">page
two</a></li>
</ul></div></div>
<div data-role="nain" class="ul-content">
<p>rahmat hidayat. </p>
<p>rahmat hidayat.</p></div>
<div data-role="footer"
data-position="fixed">
<h1>fotter ku</h1></div>
<div data-role="page" id="pagetwo">
<div data-role="header"
data-position="fixed">
<h1>active navigation</h1>
<div data-role="navbar"><ul>
<li><a href="#pageone"
data-icon="home">Home</a></li>
<li> <a href="#" class="ui-btn-active ui-state-persist"
data-icon="arrow-r"> Page Two</a></li>
</ul></div></div>
<div data-role="main" class="ul-content">
<P>buton high light</P></div>
<div data-role="footer"
data-position="fixed">
<h1>foter text di dialog</h1></div></div>
contoh TAMPILAN di browser laptop/komputer :
contoh TAMPILAN di browser laptop/komputer :
contoh Cara Akses Via HP dari Laptop :
1.Koneksikan laptop dan handphone dalam satu jaringan yang sama
2.Lihat ip laptop dengan melalui network detail
3. Lalu ketikan/panggil alamat ip
laptop/nama folder web kita di browser handphone android kita
192.168.1.7/dayat
0 komentar:
Post a Comment