| 1 | <!DOCTYPE html> |
|---|
| 2 | <html> |
|---|
| 3 | <head> |
|---|
| 4 | <meta http-equiv="Content-type" content="text/html; charset=utf-8"/> |
|---|
| 5 | <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/> |
|---|
| 6 | <meta name="apple-mobile-web-app-capable" content="yes"/> |
|---|
| 7 | <title>Bookmarkable - ScrollableView demo</title> |
|---|
| 8 | |
|---|
| 9 | <script type="text/javascript" src="../deviceTheme.js" data-dojo-config="mblThemeFiles: ['base','TabBar']"></script> |
|---|
| 10 | <script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="async: true, parseOnLoad: true, mblAlwaysHideAddressBar: true"></script> |
|---|
| 11 | |
|---|
| 12 | <script type="text/javascript"> |
|---|
| 13 | require([ |
|---|
| 14 | "dojox/mobile/parser", |
|---|
| 15 | "dojox/mobile", |
|---|
| 16 | "dojox/mobile/compat", |
|---|
| 17 | "dojox/mobile/bookmarkable", |
|---|
| 18 | "dojox/mobile/ScrollableView", |
|---|
| 19 | "dojox/mobile/TabBar" |
|---|
| 20 | ]); |
|---|
| 21 | </script> |
|---|
| 22 | |
|---|
| 23 | <style> |
|---|
| 24 | html,body{ |
|---|
| 25 | height: 100%; |
|---|
| 26 | overflow: hidden; |
|---|
| 27 | } |
|---|
| 28 | .list1 li{ |
|---|
| 29 | border-style: solid; |
|---|
| 30 | border-width: 1px 0px 1px 0px; |
|---|
| 31 | border-top-color: #BABABC; |
|---|
| 32 | border-bottom-color: #89898C; |
|---|
| 33 | background-color: #ACACAF; |
|---|
| 34 | line-height: 0px; |
|---|
| 35 | } |
|---|
| 36 | .list1 li table{ |
|---|
| 37 | line-height: normal; |
|---|
| 38 | } |
|---|
| 39 | .list1 li:nth-child(even){ |
|---|
| 40 | background-color: #97979B; |
|---|
| 41 | } |
|---|
| 42 | #list2 li:nth-child(even){ |
|---|
| 43 | background-color: #eeeeee; |
|---|
| 44 | } |
|---|
| 45 | #categ1 { |
|---|
| 46 | font-size: 18px; |
|---|
| 47 | } |
|---|
| 48 | #categ1 li{ |
|---|
| 49 | line-height: 70px; |
|---|
| 50 | } |
|---|
| 51 | .lnk { |
|---|
| 52 | font-size: 14px; |
|---|
| 53 | color: #0B5199; |
|---|
| 54 | text-decoration: none; |
|---|
| 55 | } |
|---|
| 56 | .content { |
|---|
| 57 | padding:0px 10px; |
|---|
| 58 | background-color: white; |
|---|
| 59 | } |
|---|
| 60 | p { |
|---|
| 61 | font-family: Helvetica; |
|---|
| 62 | font-size: 12px; |
|---|
| 63 | } |
|---|
| 64 | .title { |
|---|
| 65 | color: blue; |
|---|
| 66 | margin-bottom: 4px; |
|---|
| 67 | } |
|---|
| 68 | .subtitle { |
|---|
| 69 | font-style: italic; |
|---|
| 70 | color: gray; |
|---|
| 71 | margin: 0px; |
|---|
| 72 | margin-bottom: 4px; |
|---|
| 73 | } |
|---|
| 74 | .subsubtitle { |
|---|
| 75 | margin: 16px 0px 0px 0px; |
|---|
| 76 | } |
|---|
| 77 | .lst { |
|---|
| 78 | margin: 0px; |
|---|
| 79 | padding: 0px 14px; |
|---|
| 80 | } |
|---|
| 81 | .lst li { |
|---|
| 82 | font-family: Helvetica; |
|---|
| 83 | font-size: 12px; |
|---|
| 84 | margin: 0px; |
|---|
| 85 | list-style-type: square; |
|---|
| 86 | } |
|---|
| 87 | </style> |
|---|
| 88 | </head> |
|---|
| 89 | <body style="visibility:hidden;"> |
|---|
| 90 | <div id="group1" data-dojo-type="dojox.mobile.View" data-dojo-props='keepScrollPos:false'><!-- keepScrollPos=false is to improve performance --> |
|---|
| 91 | <ul data-dojo-type="dojox.mobile.TabBar" data-dojo-props='barType:"segmentedControl", fixed:"top", syncWithViews:true'> |
|---|
| 92 | <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props='moveTo:"#view1", selected:true'>New</li> |
|---|
| 93 | <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props='moveTo:"#view2"'>What's Hot</li> |
|---|
| 94 | <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props='moveTo:"#view3"'>Genius</li> |
|---|
| 95 | </ul> |
|---|
| 96 | |
|---|
| 97 | <div id="view1" data-dojo-type="dojox.mobile.ScrollableView"> |
|---|
| 98 | <ul data-dojo-type="dojox.mobile.EdgeToEdgeList" class="list1"> |
|---|
| 99 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 100 | <table> |
|---|
| 101 | <tbody> |
|---|
| 102 | <tr> |
|---|
| 103 | <td> |
|---|
| 104 | <img alt="" src="images/icon-1.png"> |
|---|
| 105 | </td> |
|---|
| 106 | <td> |
|---|
| 107 | <a class="lnk" href="#">Dojo: Traditional Karate-do Spirit</a><br> |
|---|
| 108 | Sarah Connor Hardcover<br> |
|---|
| 109 | Eligible for FREE Super Saver Shipping |
|---|
| 110 | </td> |
|---|
| 111 | </tr> |
|---|
| 112 | </tbody> |
|---|
| 113 | </table> |
|---|
| 114 | </li> |
|---|
| 115 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 116 | <table> |
|---|
| 117 | <tbody> |
|---|
| 118 | <tr> |
|---|
| 119 | <td> |
|---|
| 120 | <img alt="" src="images/icon-1.png"> |
|---|
| 121 | </td> |
|---|
| 122 | <td> |
|---|
| 123 | <a class="lnk" href="#">Japanese Martial Arts Dojo</a><br> |
|---|
| 124 | Martin Parker Hardcover<br> |
|---|
| 125 | Eligible for FREE Super Saver Shipping<br> |
|---|
| 126 | </td> |
|---|
| 127 | </tr> |
|---|
| 128 | </tbody> |
|---|
| 129 | </table> |
|---|
| 130 | </li> |
|---|
| 131 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 132 | <table> |
|---|
| 133 | <tbody> |
|---|
| 134 | <tr> |
|---|
| 135 | <td> |
|---|
| 136 | <img alt="" src="images/icon-1.png"> |
|---|
| 137 | </td> |
|---|
| 138 | <td> |
|---|
| 139 | <a class="lnk" href="#">Total Solar Eclipse</a><br> |
|---|
| 140 | Steven Young Hardcover<br> |
|---|
| 141 | Eligible for FREE Super Saver Shipping<br> |
|---|
| 142 | </td> |
|---|
| 143 | </tr> |
|---|
| 144 | </tbody> |
|---|
| 145 | </table> |
|---|
| 146 | </li> |
|---|
| 147 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 148 | <table> |
|---|
| 149 | <tbody> |
|---|
| 150 | <tr> |
|---|
| 151 | <td> |
|---|
| 152 | <img alt="" src="images/icon-1.png"> |
|---|
| 153 | </td> |
|---|
| 154 | <td> |
|---|
| 155 | <a class="lnk" href="#">The History of Java Coffee</a><br> |
|---|
| 156 | Marco Rodriguez Hardcover<br> |
|---|
| 157 | Eligible for FREE Super Saver Shipping<br> |
|---|
| 158 | </td> |
|---|
| 159 | </tr> |
|---|
| 160 | </tbody> |
|---|
| 161 | </table> |
|---|
| 162 | </li> |
|---|
| 163 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 164 | <table> |
|---|
| 165 | <tbody> |
|---|
| 166 | <tr> |
|---|
| 167 | <td> |
|---|
| 168 | <img alt="" src="images/icon-1.png"> |
|---|
| 169 | </td> |
|---|
| 170 | <td> |
|---|
| 171 | <a class="lnk" href="#">The Principles of Spider's Web</a><br> |
|---|
| 172 | Melissa Morgan Hardcover<br> |
|---|
| 173 | Eligible for FREE Super Saver Shipping<br> |
|---|
| 174 | </td> |
|---|
| 175 | </tr> |
|---|
| 176 | </tbody> |
|---|
| 177 | </table> |
|---|
| 178 | </li> |
|---|
| 179 | </ul> |
|---|
| 180 | </div> |
|---|
| 181 | |
|---|
| 182 | <div id="view2" data-dojo-type="dojox.mobile.ScrollableView"> |
|---|
| 183 | <ul data-dojo-type="dojox.mobile.EdgeToEdgeList" id="list2"> |
|---|
| 184 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 185 | <table> |
|---|
| 186 | <tbody> |
|---|
| 187 | <tr> |
|---|
| 188 | <td> |
|---|
| 189 | <img alt="" src="images/a-icon-2-41x41.png"> |
|---|
| 190 | </td> |
|---|
| 191 | <td> |
|---|
| 192 | <a class="lnk" href="#">The Principles of Spider's Web</a><br> |
|---|
| 193 | Melissa Morgan Hardcover<br> |
|---|
| 194 | Eligible for FREE Super Saver Shipping<br> |
|---|
| 195 | </td> |
|---|
| 196 | </tr> |
|---|
| 197 | </tbody> |
|---|
| 198 | </table> |
|---|
| 199 | </li> |
|---|
| 200 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 201 | <table> |
|---|
| 202 | <tbody> |
|---|
| 203 | <tr> |
|---|
| 204 | <td> |
|---|
| 205 | <img alt="" src="images/a-icon-2-41x41.png"> |
|---|
| 206 | </td> |
|---|
| 207 | <td> |
|---|
| 208 | <a class="lnk" href="#">The History of Java Coffee</a><br> |
|---|
| 209 | Marco Rodriguez Hardcover<br> |
|---|
| 210 | Eligible for FREE Super Saver Shipping<br> |
|---|
| 211 | </td> |
|---|
| 212 | </tr> |
|---|
| 213 | </tbody> |
|---|
| 214 | </table> |
|---|
| 215 | </li> |
|---|
| 216 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 217 | <table> |
|---|
| 218 | <tbody> |
|---|
| 219 | <tr> |
|---|
| 220 | <td> |
|---|
| 221 | <img alt="" src="images/a-icon-2-41x41.png"> |
|---|
| 222 | </td> |
|---|
| 223 | <td> |
|---|
| 224 | <a class="lnk" href="#">Dojo: Traditional Karate-do Spirit</a><br> |
|---|
| 225 | Sarah Connor Hardcover<br> |
|---|
| 226 | Eligible for FREE Super Saver Shipping |
|---|
| 227 | </td> |
|---|
| 228 | </tr> |
|---|
| 229 | </tbody> |
|---|
| 230 | </table> |
|---|
| 231 | </li> |
|---|
| 232 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 233 | <table> |
|---|
| 234 | <tbody> |
|---|
| 235 | <tr> |
|---|
| 236 | <td> |
|---|
| 237 | <img alt="" src="images/a-icon-2-41x41.png"> |
|---|
| 238 | </td> |
|---|
| 239 | <td> |
|---|
| 240 | <a class="lnk" href="#">Total Solar Eclipse</a><br> |
|---|
| 241 | Steven Young Hardcover<br> |
|---|
| 242 | Eligible for FREE Super Saver Shipping<br> |
|---|
| 243 | </td> |
|---|
| 244 | </tr> |
|---|
| 245 | </tbody> |
|---|
| 246 | </table> |
|---|
| 247 | </li> |
|---|
| 248 | </ul> |
|---|
| 249 | </div> |
|---|
| 250 | |
|---|
| 251 | <div id="view3" data-dojo-type="dojox.mobile.ScrollableView"> |
|---|
| 252 | <h2 data-dojo-type="dojox.mobile.RoundRectCategory">Generic Mobile Device</h2> |
|---|
| 253 | <ul data-dojo-type="dojox.mobile.RoundRectList"> |
|---|
| 254 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"AcmePhone"'> |
|---|
| 255 | Network |
|---|
| 256 | </li> |
|---|
| 257 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"AcmePhone"'> |
|---|
| 258 | Line |
|---|
| 259 | </li> |
|---|
| 260 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"1024"'> |
|---|
| 261 | Songs |
|---|
| 262 | </li> |
|---|
| 263 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"10"'> |
|---|
| 264 | Videos |
|---|
| 265 | </li> |
|---|
| 266 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"96"'> |
|---|
| 267 | Photos |
|---|
| 268 | </li> |
|---|
| 269 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"2"'> |
|---|
| 270 | Applications |
|---|
| 271 | </li> |
|---|
| 272 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"29.3 BG"'> |
|---|
| 273 | Capacity |
|---|
| 274 | </li> |
|---|
| 275 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"28.0 BG"'> |
|---|
| 276 | Available |
|---|
| 277 | </li> |
|---|
| 278 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"3.0 (7A341)"'> |
|---|
| 279 | Version |
|---|
| 280 | </li> |
|---|
| 281 | </ul> |
|---|
| 282 | </div> |
|---|
| 283 | </div> |
|---|
| 284 | |
|---|
| 285 | <div id="categ" data-dojo-type="dojox.mobile.ScrollableView"> |
|---|
| 286 | <h1 data-dojo-type="dojox.mobile.Heading" data-dojo-props='fixed:"top"'>Categories</h1> |
|---|
| 287 | <ul data-dojo-type="dojox.mobile.EdgeToEdgeList" class="list1" id="categ1"> |
|---|
| 288 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 1</li> |
|---|
| 289 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 2</li> |
|---|
| 290 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 3</li> |
|---|
| 291 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 4</li> |
|---|
| 292 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 5</li> |
|---|
| 293 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 6</li> |
|---|
| 294 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 7</li> |
|---|
| 295 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 8</li> |
|---|
| 296 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 9</li> |
|---|
| 297 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 10</li> |
|---|
| 298 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 11</li> |
|---|
| 299 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 12</li> |
|---|
| 300 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 13</li> |
|---|
| 301 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 14</li> |
|---|
| 302 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 15</li> |
|---|
| 303 | </ul> |
|---|
| 304 | </div> |
|---|
| 305 | |
|---|
| 306 | <div id="top25" data-dojo-type="dojox.mobile.View"> |
|---|
| 307 | <ul data-dojo-type="dojox.mobile.TabBar" data-dojo-props='barType:"segmentedControl", fixed:"top", syncWithViews:true'> |
|---|
| 308 | <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props='icon1:"images/tab-icon-16.png", icon2:"images/tab-icon-16h.png", moveTo:"#news1", selected:true'>News1</li> |
|---|
| 309 | <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props='icon1:"images/tab-icon-15.png", icon2:"images/tab-icon-15h.png", moveTo:"#news2"'>News2</li> |
|---|
| 310 | <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props='icon1:"images/tab-icon-10.png", icon2:"images/tab-icon-10h.png", moveTo:"#news3"'>News3</li> |
|---|
| 311 | </ul> |
|---|
| 312 | |
|---|
| 313 | <div id="news1" data-dojo-type="dojox.mobile.ScrollableView"> |
|---|
| 314 | <h1 data-dojo-type="dojox.mobile.Heading">News 1</h1> |
|---|
| 315 | <h2 data-dojo-type="dojox.mobile.RoundRectCategory">Top Stories</h2> |
|---|
| 316 | <ul data-dojo-type="dojox.mobile.RoundRectList"> |
|---|
| 317 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'> |
|---|
| 318 | Top 10 news stories of the decade |
|---|
| 319 | </li> |
|---|
| 320 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'> |
|---|
| 321 | Create client-side diagrammatic interaction in Web applications with GFX |
|---|
| 322 | </li> |
|---|
| 323 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'> |
|---|
| 324 | Explores advanced topics in the new Java framework for implementing and consuming REST-based Web services, Part 3 |
|---|
| 325 | </li> |
|---|
| 326 | </ul> |
|---|
| 327 | </div> |
|---|
| 328 | |
|---|
| 329 | <div id="news2" data-dojo-type="dojox.mobile.ScrollableView"> |
|---|
| 330 | <h1 data-dojo-type="dojox.mobile.Heading">News 2</h1> |
|---|
| 331 | <h2 data-dojo-type="dojox.mobile.RoundRectCategory">Top Stories</h2> |
|---|
| 332 | <ul data-dojo-type="dojox.mobile.RoundRectList"> |
|---|
| 333 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'> |
|---|
| 334 | Top 10 news stories of the decade |
|---|
| 335 | </li> |
|---|
| 336 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'> |
|---|
| 337 | Create client-side diagrammatic interaction in Web applications with GFX |
|---|
| 338 | </li> |
|---|
| 339 | </ul> |
|---|
| 340 | </div> |
|---|
| 341 | |
|---|
| 342 | <div id="news3" data-dojo-type="dojox.mobile.ScrollableView"> |
|---|
| 343 | <h1 data-dojo-type="dojox.mobile.Heading">News 3</h1> |
|---|
| 344 | <h2 data-dojo-type="dojox.mobile.RoundRectCategory">Top Stories</h2> |
|---|
| 345 | <ul data-dojo-type="dojox.mobile.RoundRectList"> |
|---|
| 346 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'> |
|---|
| 347 | Top 10 news stories of the decade |
|---|
| 348 | </li> |
|---|
| 349 | </ul> |
|---|
| 350 | </div> |
|---|
| 351 | |
|---|
| 352 | </div> |
|---|
| 353 | |
|---|
| 354 | <div id="search" data-dojo-type="dojox.mobile.ScrollableView"> |
|---|
| 355 | <h1 data-dojo-type="dojox.mobile.Heading" data-dojo-props='fixed:"top"'>Search Result</h1> |
|---|
| 356 | <ul data-dojo-type="dojox.mobile.RoundRectList"> |
|---|
| 357 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 358 | 1. <a href="#" class="lnk">Dojo: Traditional Karate-do Spirit</a><br> |
|---|
| 359 | Sarah Connor Hardcover<br> |
|---|
| 360 | Eligible for FREE Super Saver Shipping<br> |
|---|
| 361 | <span style="color:red">$14.50 (50%)</span> In Stock<br> |
|---|
| 362 | # (531) |
|---|
| 363 | </li> |
|---|
| 364 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 365 | 2. <a href="#" class="lnk">Japanese Martial Arts Dojo</a><br> |
|---|
| 366 | Martin Parker Hardcover<br> |
|---|
| 367 | <span style="color:red">$14.00 (60%)</span> In Stock<br> |
|---|
| 368 | # (173) |
|---|
| 369 | </li> |
|---|
| 370 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 371 | 3. <a href="#" class="lnk">Total Solar Eclipse</a><br> |
|---|
| 372 | Steven Young Hardcover<br> |
|---|
| 373 | Get it by Mar. 2 if you order in the next <span style="color:green"><b>16 hours</b></span><br> |
|---|
| 374 | Eligible for FREE Super Saver Shipping<br> |
|---|
| 375 | <span style="color:red">$9.50 (62%)</span> In Stock<br> |
|---|
| 376 | # (1199) |
|---|
| 377 | </li> |
|---|
| 378 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 379 | 4. <a href="#" class="lnk">The History of Java Coffee</a><br> |
|---|
| 380 | Marco Rodriguez Hardcover<br> |
|---|
| 381 | <span style="color:blue">Not Available</span> |
|---|
| 382 | </li> |
|---|
| 383 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 384 | 5. <a href="#" class="lnk">The Principles of Spider's Web</a><br> |
|---|
| 385 | Melissa Morgan Hardcover<br> |
|---|
| 386 | Eligible for FREE Super Saver Shipping<br> |
|---|
| 387 | <span style="color:red">$12.00 (60%)</span> In Stock<br> |
|---|
| 388 | # (1847) |
|---|
| 389 | </li> |
|---|
| 390 | </ul> |
|---|
| 391 | </div> |
|---|
| 392 | |
|---|
| 393 | <div id="article" data-dojo-type="dojox.mobile.ScrollableView" style="color:black;background-color:white;height:100%"> |
|---|
| 394 | <h1 data-dojo-type="dojox.mobile.Heading" data-dojo-props='fixed:"top"'>Article</h1> |
|---|
| 395 | <div class="content"> |
|---|
| 396 | <h3 class="title">Did you know?</h3> |
|---|
| 397 | <h4 class="subtitle">Features of dojox.mobile</h4> |
|---|
| 398 | <h5 class="subsubtitle">No images are used</h5> |
|---|
| 399 | <ul class="lst"> |
|---|
| 400 | <li>UI parts consist of DOM and CSS3.</li> |
|---|
| 401 | <li>Only application icons are images.</li> |
|---|
| 402 | </ul> |
|---|
| 403 | |
|---|
| 404 | <h5 class="subsubtitle">Removed dependencies on the dojo modules as much as possible</h5> |
|---|
| 405 | <ul class="lst"> |
|---|
| 406 | <li>No dependencies even on some of the essential core modules like Templated, Container, Contained, dojo.query, or dojo.parser.</li> |
|---|
| 407 | </ul> |
|---|
| 408 | |
|---|
| 409 | <h5 class="subsubtitle">Support for CSS sprite</h5> |
|---|
| 410 | <ul class="lst"> |
|---|
| 411 | <li>Application icon images can be aggregated into a single file to reduce the number of http requests.</li> |
|---|
| 412 | </ul> |
|---|
| 413 | |
|---|
| 414 | <h5 class="subsubtitle">Possible to use the webkitMobile build option (when PC browser support is unnecessary)</h5> |
|---|
| 415 | <ul class="lst"> |
|---|
| 416 | <li>Drops IE and Firefox-specific code at build time, and thus reduces the dojo core size</li> |
|---|
| 417 | </ul> |
|---|
| 418 | </div> |
|---|
| 419 | </div> |
|---|
| 420 | |
|---|
| 421 | <ul data-dojo-type="dojox.mobile.TabBar" data-dojo-props='fixed:"bottom", syncWithViews:true' style="border-bottom:none;"> |
|---|
| 422 | <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props='icon1:"images/tab-icon-16.png", icon2:"images/tab-icon-16h.png", selected:true, moveTo:"#group1"'>Featured</li> |
|---|
| 423 | <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props='icon1:"images/tab-icon-15.png", icon2:"images/tab-icon-15h.png", moveTo:"#categ"'>Categories</li> |
|---|
| 424 | <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props='icon1:"images/tab-icon-10.png", icon2:"images/tab-icon-10h.png", moveTo:"#top25"'>Top 25</li> |
|---|
| 425 | <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props='icon1:"images/tab-icon-11.png", icon2:"images/tab-icon-11h.png", moveTo:"#search"'>Search</li> |
|---|
| 426 | <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props='icon1:"images/tab-icon-13.png", icon2:"images/tab-icon-13h.png", moveTo:"#article"'>Updates</li> |
|---|
| 427 | </ul> |
|---|
| 428 | </body> |
|---|
| 429 | </html> |
|---|
