jQuery Mobile 1.1 has been released with hundreds of improvements, big and small, to make jQuery Mobile feel faster, smoother and more polished across the board.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Mobile-Web-App</title>
<script type="text/javascript" src="http://openlayers.org/api/2.11/OpenLayers.js"></script>
<script type="text/javascript" >
var myMap;
function loadOpenLayers(){
myMap = new OpenLayers.Map("mymap", {});
var wms = new OpenLayers.Layer.WMS(
"OpenLayers WMS",
"http://vmap0.tiles.osgeo.org/wms/vmap0",
{layers: "basic"},
{});
myMap.addLayer(wms);
myMap.setCenter(new OpenLayers.LonLat(-122.349243, 47.651743));
myMap.zoomTo(6);
}
</script>
</head>
<body onload="loadOpenLayers();">
<h1>Mobile-Web-App</h1>
<p>Load osgeo map using OpenLayers</p>
<div id="mymap" style="width: 250px; height: 250px; border: 1px solid;">
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Mobile-Web-App</title>
<script type="text/javascript" src="http://openlayers.org/api/2.11/OpenLayers.js"></script>
<script type="text/javascript" >
var myMap;
function loadOpenLayers(){
myMap = new OpenLayers.Map("mymap", {});
var wms = new OpenLayers.Layer.WMS(
"OpenLayers WMS",
"http://vmap0.tiles.osgeo.org/wms/vmap0",
{layers: "basic"},
{});
myMap.addLayer(wms);
myMap.zoomToMaxExtent();
}
</script>
</head>
<body onload="loadOpenLayers();">
<h1>Mobile-Web-App</h1>
<p>Load osgeo map using OpenLayers</p>
<div id="mymap" style="width: 250px; height: 250px; border: 1px solid;">
</div>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="utf-8"></meta>
<meta name = "viewport" content = "width = device-width, height = device-height" />
<title>Android-er</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.2/jquery.mobile-1.1.0-rc.2.min.css" />
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0-rc.2/jquery.mobile-1.1.0-rc.2.min.js"></script>
<script >
var weekdayarray = new Array ("Sunday",
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday",
"Saturday");
function onloaded(){
var ulist = document.getElementById("unorderedlist");
//Generate list items for <ul>
for (var i = 0; i < weekdayarray.length; i++) {
var li = document.createElement("li");
li.innerHTML = weekdayarray[i];
ulist.appendChild(li);
}
$("#unorderedlist").listview("refresh");
}
</script>
</head>
<body onload="onloaded()">
<div data-role="page" id="home">
<div data-role="header">
<h1>Mobile-Web-App</h1>
</div>
<div data-role="content">
<ul data-role="listview" id="unorderedlist" />
</div>
<div data-role="footer">
<h4><a href="http://mobile-web-app.blogspot.com/">http://mobile-web-app.blogspot.com/</a></h4>
</div>
</div>
</body>
</html>
