JQuery Mobile: Please check the Image for the question, it might tough but any i
ID: 654699 • Letter: J
Question
JQuery Mobile:
Please check the Image for the question, it might tough but any input would be appreciated.
write a mobile website using jQuery Mobile. You need to know data-roles, event bindings, HTML5 local storage page change, and jQuery mobile events etc
Question 1:
Implement the following website using ONE HTML file with 3 pages.
Question 2:
Re-implement the following website using 3 HTML files: each file contains one page.
A simple mobile website using jQuery Mobile that has 3 pages as shown in the figures below.
First Page would look like this ( sorry, tried putting image but did not work, so typing it instead)
Name
<text inputbox for entering name>
<text inputbox for entering email>
Go to page 2 (button)
Copyright ()
Second page would look like this
How do you want to pay:
<radio button> Credit Card
<radio button> Check
Go to Page 3 <button>
Copyrights()
If Credit card radio button is checked then page 2 would change like this
<radio button> Credit Card
<radio button> Check (faded)
Card No
<textbox for credit card>
Expiration date
<textbox for Expiration>
Go to Page 3 <button>
if Check option is selected then the page 2 would change like below,
<radio button> Credit Card (blurred out)
<radio button> Check
Check No:
<textbox for check #>
Go to Page 3 <button>
The third page is the confirmation page for all the information entered by the user in the first and second page. And the user can go back to a particular page and edit the information if needed.
Name : Sam
Email: sam@gmail.com > (by clicking this you go to first page if you want to change)
Paid by creditcard
Card No: 4454455655676677
Exp date:oct 1 2019 > (by clicking this you go to second page if you want to change)
<Place Order Button>
Copyrights()
--------------------------------------------------------
Please help, any input would be appreciated.
Explanation / Answer
1)
<html lang="en">
<head>
<title>Page of links</title>
</head>
<body>
<h1>My page full of links</h1>
<p>When I need to search for something, I use </p>
<a href="http://google.com">Google</a>.</p>
<p>I add a account in </p>
<a href="www.sbi.com"> SBI BANK</a>.</p>
<p> i read books from </p>
<a href="http://google.com">Google</a>.</p>
</body>
</html>
(2)
<html lang="en">
<head>
<title>Page of links</title>
</head>
<body>
<h1>My page full of links</h1>
<p>When I need to search for something, I use </p>
<a href="u1.html">Google</a>.</p>
<p>I add a account in </p>
<a href="u2.html"> SBI BANK</a>.</p>
<p> i read books from </p>
<a href="u3.html">Google</a>.</p>
</body>
---------------------------------------------
</html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>ListApp</title>
</head>
<body>
</body>
</html>
<div id="header">
<h1>My Photos</h1>
</div>
<footer>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Info</a></li>
</ul>
</nav>
</footer>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.