- Messages
- 20
- Reaction score
- 0
- Points
- 26
Hello. May problem po ako. ayaw gumana yung web app gamit yung jquery sa phone ko pero pag sa website ok naman siya. Nawawala yung effect ng jquery pag nasa mobile na.
- - - Updated - - -
<!DOCTYPE html>
<html>
<head>
<title>Mobile Page!</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<style>
.ui-bar-f {
color: white;
background-color:IndianRed;
}
.ui-body-f {
font-weight: bold;
color: white;
background-color: purple;
}
.ui-page-theme-f {
font-weight: bold;
background-color: green;
}
</style>
</head>
<body>
<div data-role="page" id="pageone">
<div data-role="header" data-theme="f" data-position="fixed">
<h1>Home<img src="images/logo.png" width="30%" alt="logo" /></h1></div>
<div data-role="footer" data-theme="f" data-position="fixed">
<h2>© Group</h2>
</div>
<div data-role="main" class="ui-content">
<h2>Welcome to Health Plus</h2>
<ul data-role="listview" data-inset="true">
<li>
<a href="#pagetwo">
<img src="images/pic1.png">
<h2>First Aid Kit</h2>
</a>
</li>
<li>
<a href="#pagethree">
<img src="images/pic3.png">
<h2>Survival Kit</h2>
</a>
</li>
</ul>
</div>
</div>
<!-- First Aid kit page -->
<div data-role="page" id="pagetwo">
<div data-role="header" data-theme="f" data-position="fixed">
<a href="#pageone" class="ui-btn ui-shadow ui-corner-all ui-icon-arrow-l ui-btn-icon-notext">Back</a><h1> First Aid Kit</h1></div>
<div data-role="main" class="ui-content">
<form>
<input data-type="search" id="filterCollapsibles" placeholder="Search">
</form>
<div data-role="collapsibleset" data-filter="true" data-inset="true" id="myFilter" data-input="#filterCollapsibles">
<div data-role="collapsible" data-filtertext="Basic First Aid Box"><h1>Basic First Aid Box</h1>
<h1><img src="images/firstaidkit.jpg" width="100%" alt="firstaid" /></h1>
<p>Everyone should have a first aid kit with the following content:</p>
<ul>
<li>A pair of scissor.</li>
<li>Tourniquets.</li>
<li>Ready-to use ice pack.</li>
<li>Thermometer.</li>
<li>Device for measuring blood pressure.</li>
<li>Disposable sterile gloves.</li>
<li>Splashguard visor.</li>
<li>Skin disnfectant.</li>
<li>Hydrogen peroxide.</li>
<li>Saline Solution.</li>
<li>Sterile gauze dressing 10x10 cm in individual pouches.</li>
<li>Elastic net bandage of medium size.</li>
<li>Pack of cotton wool.</li>
<li>Adhesive plaster rolls of width 2.5cm.</li>
<li>Band aid</li>
</ul>
<p>Before taking any action, think of your own safety and that of the person involved</p>
<p>Immediately make the area of accident safe.</p>
<p>Call emergency number</p>
</div>
<div data-role="collapsible" data-filtertext="Allergic Reaction"><h1>Allergic Reaction</h1>
<h1><img src="images/allergy.jpg" width="100%" alt="allergy" /></h1>
<p align="justify">Allergic reactions can be triggered by foods, medications, insect stings, pollen,
or other substances. Although most allergic reactions aren't serious, severe reactions
can be life threatening and require immediate medical attention.</p>
<h2><font color="IndianRed">SYMPTOMS</font></h2>
<p><b>Mild:</b></p>
<ul>
<li>Itchiness</li>
<li>Skin Redness</li>
<li>Slight Swelling</li>
<li>Stuffy, Runny Nose</li>
<li>Sneazing</li>
<li>Itchy, Watery Eyes</li>
<li>Red Bumps anywhere on the body</li>
</ul>
<p><b>Severe:</b></p>
<ul>
<li>Swelling of the mouth or tounge</li>
<li>Difficulty swallowing or speaking</li>
<li>Wheezing or difficulty breathing</li>
<li>Abdominal pain, nausea, vomiting</li>
<li>Dizzines or fainting</li>
</ul>
<h2><font color="IndianRed">What to do</font></h2>
<ul>
<li>Contact a doctor if your child has an allergic reaction that is more than mild or concerns you.</li>
<li>If the symptoms are mild, give an oral antihistamine such as diphenhydramine.</li>
<li>If the symptoms are severe and you have injectable epinephine, immediately use it as directed and call for emergency medical help.</li>
</ul>
eto yung sample code ko. May mali ba?
- - - Updated - - -
<!DOCTYPE html>
<html>
<head>
<title>Mobile Page!</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<style>
.ui-bar-f {
color: white;
background-color:IndianRed;
}
.ui-body-f {
font-weight: bold;
color: white;
background-color: purple;
}
.ui-page-theme-f {
font-weight: bold;
background-color: green;
}
</style>
</head>
<body>
<div data-role="page" id="pageone">
<div data-role="header" data-theme="f" data-position="fixed">
<h1>Home<img src="images/logo.png" width="30%" alt="logo" /></h1></div>
<div data-role="footer" data-theme="f" data-position="fixed">
<h2>© Group</h2>
</div>
<div data-role="main" class="ui-content">
<h2>Welcome to Health Plus</h2>
<ul data-role="listview" data-inset="true">
<li>
<a href="#pagetwo">
<img src="images/pic1.png">
<h2>First Aid Kit</h2>
</a>
</li>
<li>
<a href="#pagethree">
<img src="images/pic3.png">
<h2>Survival Kit</h2>
</a>
</li>
</ul>
</div>
</div>
<!-- First Aid kit page -->
<div data-role="page" id="pagetwo">
<div data-role="header" data-theme="f" data-position="fixed">
<a href="#pageone" class="ui-btn ui-shadow ui-corner-all ui-icon-arrow-l ui-btn-icon-notext">Back</a><h1> First Aid Kit</h1></div>
<div data-role="main" class="ui-content">
<form>
<input data-type="search" id="filterCollapsibles" placeholder="Search">
</form>
<div data-role="collapsibleset" data-filter="true" data-inset="true" id="myFilter" data-input="#filterCollapsibles">
<div data-role="collapsible" data-filtertext="Basic First Aid Box"><h1>Basic First Aid Box</h1>
<h1><img src="images/firstaidkit.jpg" width="100%" alt="firstaid" /></h1>
<p>Everyone should have a first aid kit with the following content:</p>
<ul>
<li>A pair of scissor.</li>
<li>Tourniquets.</li>
<li>Ready-to use ice pack.</li>
<li>Thermometer.</li>
<li>Device for measuring blood pressure.</li>
<li>Disposable sterile gloves.</li>
<li>Splashguard visor.</li>
<li>Skin disnfectant.</li>
<li>Hydrogen peroxide.</li>
<li>Saline Solution.</li>
<li>Sterile gauze dressing 10x10 cm in individual pouches.</li>
<li>Elastic net bandage of medium size.</li>
<li>Pack of cotton wool.</li>
<li>Adhesive plaster rolls of width 2.5cm.</li>
<li>Band aid</li>
</ul>
<p>Before taking any action, think of your own safety and that of the person involved</p>
<p>Immediately make the area of accident safe.</p>
<p>Call emergency number</p>
</div>
<div data-role="collapsible" data-filtertext="Allergic Reaction"><h1>Allergic Reaction</h1>
<h1><img src="images/allergy.jpg" width="100%" alt="allergy" /></h1>
<p align="justify">Allergic reactions can be triggered by foods, medications, insect stings, pollen,
or other substances. Although most allergic reactions aren't serious, severe reactions
can be life threatening and require immediate medical attention.</p>
<h2><font color="IndianRed">SYMPTOMS</font></h2>
<p><b>Mild:</b></p>
<ul>
<li>Itchiness</li>
<li>Skin Redness</li>
<li>Slight Swelling</li>
<li>Stuffy, Runny Nose</li>
<li>Sneazing</li>
<li>Itchy, Watery Eyes</li>
<li>Red Bumps anywhere on the body</li>
</ul>
<p><b>Severe:</b></p>
<ul>
<li>Swelling of the mouth or tounge</li>
<li>Difficulty swallowing or speaking</li>
<li>Wheezing or difficulty breathing</li>
<li>Abdominal pain, nausea, vomiting</li>
<li>Dizzines or fainting</li>
</ul>
<h2><font color="IndianRed">What to do</font></h2>
<ul>
<li>Contact a doctor if your child has an allergic reaction that is more than mild or concerns you.</li>
<li>If the symptoms are mild, give an oral antihistamine such as diphenhydramine.</li>
<li>If the symptoms are severe and you have injectable epinephine, immediately use it as directed and call for emergency medical help.</li>
</ul>
eto yung sample code ko. May mali ba?
Last edited: