· Web viewAssignment Responsive Web: Jquery Mobile Table and Grid 1. Please fill in this code to...

3
First name:_______________ _______last name: _______________________ID:____________________ Assignment Responsive Web: Jquery Mobile Table and Grid 1. Please fill in this code to complete for run in web browser. <!DOCTYPE html> <!--อาจารย์ณัฐภัทร แก้วรัตนภัทร์ รายวิชาเว็บเชิงตอบสนอง--> <!--หัวข้อ JQUERY MOBILE Table Reflow--> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8" lang="th"> <link rel="stylesheet" href="jquery.mobile-1.4.5.min.css"> <script src="jquery-1.11.3.min.js"></script> <script src="jquery.mobile-1.4.5.min.js"></script> </head> <body> <div data-role="page" id="pageone"> <div data-role="header"> <h1>Customer Profile</h1> </div> <div data-role="main" class="ui-content"> <table data-role="table" data-mode="columntoggle" class="ui-responsive" id="myTable"> <____________> <____________> <___________________>CustomerID<____________> <___________________>CustomerPhoto<____________> <___________________>CustomerName<____________> <___________________>ContactName<____________>

Transcript of  · Web viewAssignment Responsive Web: Jquery Mobile Table and Grid 1. Please fill in this code to...

Page 1:  · Web viewAssignment Responsive Web: Jquery Mobile Table and Grid 1. Please fill in this code to complete for run in web browser.

First name:_______________ _______last name: _______________________ID:____________________

AssignmentResponsive Web: Jquery Mobile Table and Grid

1. Please fill in this code to complete for run in web browser.

<!DOCTYPE html><!--อาจารย์ณัฐภัทร แก้วรัตนภัทร์ รายวิชาเว็บเชิงตอบสนอง--><!--หัวข้อ JQUERY MOBILE Table Reflow--><html><head> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8" lang="th"> <link rel="stylesheet" href="jquery.mobile-1.4.5.min.css"> <script src="jquery-1.11.3.min.js"></script> <script src="jquery.mobile-1.4.5.min.js"></script></head><body> <div data-role="page" id="pageone"> <div data-role="header"> <h1>Customer Profile</h1> </div> <div data-role="main" class="ui-content"> <table data-role="table" data-mode="columntoggle" class="ui-responsive" id="myTable"> <____________> <____________> <___________________>CustomerID<____________> <___________________>CustomerPhoto<____________> <___________________>CustomerName<____________> <___________________>ContactName<____________>

Page 2:  · Web viewAssignment Responsive Web: Jquery Mobile Table and Grid 1. Please fill in this code to complete for run in web browser.

First name:_______________ _______last name: _______________________ID:____________________

<___________________>Address<____________> <___________________>City<____________> <___________________>PostalCode<____________> <___________________>Country<____________> <____________> <____________> <____________> <____________> <________>1<_________> <td>______________________________________________________</td> <td>______________________________________________________</td> <td>______________________________________________________</td> <td>______________________________________________________</td> <td>______________________________________________________</td> <td>______________________________________________________</td> <td>______________________________________________________</td> <____________> <____________> <__________>2</_________> <td>______________________________________________________</td> <td>______________________________________________________</td> <td>______________________________________________________</td> <td>______________________________________________________</td> <td>______________________________________________________</td> <td>______________________________________________________</td> <td>______________________________________________________</td> <____________> <____________> <____________> </div> <div data-role="footer"> <h1>Table Reflow</h1> </div> </div> </body></html>

2. Please coding Jquery Mobile follow figure below.

Page 3:  · Web viewAssignment Responsive Web: Jquery Mobile Table and Grid 1. Please fill in this code to complete for run in web browser.

First name:_______________ _______last name: _______________________ID:____________________

MANAGEMENT INFORMATION SYSTEM

Photo Detail LINKClaudette

Colvin: The 15-year-old who came before Rosa Parks

Read more..

Nineteen-year-old Millie Knight

is preparing..

Read more..

The girl who sabotaged her own wedding

Read more..

Most read