97 lines
3.8 KiB
HTML
97 lines
3.8 KiB
HTML
<HTML>
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
|
|
<title>EZParking</title>
|
|
|
|
<script language="JavaScript" type="text/javascript">
|
|
var searchReq = createAjaxObj();
|
|
function createAjaxObj()
|
|
{
|
|
var httprequest = false;
|
|
if (window.XMLHttpRequest)
|
|
{
|
|
httprequest = new XMLHttpRequest()
|
|
if (httprequest.overrideMimeType)
|
|
httprequest.overrideMimeType('text/xml')
|
|
}
|
|
else if (window.ActiveXObject)
|
|
{
|
|
try
|
|
{
|
|
httprequest = new ActiveXObject("Msxml2.XMLHTTP");
|
|
}
|
|
catch (e)
|
|
{
|
|
try
|
|
{
|
|
httprequest = new ActiveXObject("Microsoft.XMLHTTP");
|
|
}
|
|
catch (e)
|
|
{
|
|
}
|
|
}
|
|
}
|
|
return httprequest
|
|
}
|
|
|
|
function searchSuggest()
|
|
{
|
|
searchReq.open("POST", 'jqueryEZParkingStatus?location=zhangjiang', true);
|
|
searchReq.onreadystatechange = handleEZParkingStatus;
|
|
searchReq.send(null);
|
|
}
|
|
|
|
function handleEZParkingStatus()
|
|
{
|
|
if (searchReq.readyState == 4)
|
|
{
|
|
var str = searchReq.responseText.split(",");
|
|
|
|
for (var i = 0; i <= str.length - 1; i++)
|
|
{
|
|
var parkingIdStatus = str[i].split("_");
|
|
|
|
if(parkingIdStatus[1] == "1")
|
|
{
|
|
document.getElementById("position"+parkingIdStatus[0]).style.backgroundImage = "url(car.png)";
|
|
}
|
|
|
|
if(parkingIdStatus[1] == "0")
|
|
{
|
|
document.getElementById("position"+parkingIdStatus[0]).style.background = "transparent";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
setInterval("searchSuggest()",60000);
|
|
|
|
</script>
|
|
</head>
|
|
<Body>
|
|
<p>张江大厦停车位地图</p>
|
|
<div>
|
|
<div id="position506976" style="background:transparent;width:61px;height:29px;position:absolute;left:36px;top:74px"></div>
|
|
<div id="position506975" style="background:transparent;width:61px;height:29px;position:absolute;left:100px;top:74px"></div>
|
|
<div id="position506974" style="background:transparent;width:61px;height:29px;position:absolute;left:163px;top:74px"></div>
|
|
<div id="position506973" style="background:transparent;width:61px;height:29px;position:absolute;left:227px;top:74px"></div>
|
|
<div id="position506972" style="background:transparent;width:60px;height:29px;position:absolute;left:291px;top:74px"></div>
|
|
<div id="position506971" style="background:transparent;width:60px;height:29px;position:absolute;left:354px;top:74px"></div>
|
|
<div id="position506970" style="background:transparent;width:60px;height:29px;position:absolute;left:418px;top:74px"></div>
|
|
<div id="position506969" style="background:transparent;width:60px;height:29px;position:absolute;left:482px;top:74px"></div>
|
|
<div id="position506968" style="background:transparent;width:60px;height:29px;position:absolute;left:794px;top:74px"></div>
|
|
<div id="position506967" style="background:transparent;width:60px;height:29px;position:absolute;left:857px;top:74px"></div>
|
|
<div id="position506966" style="background:transparent;width:60px;height:29px;position:absolute;left:920px;top:74px"></div>
|
|
<div id="position506965" style="background:transparent;width:60px;height:29px;position:absolute;left:983px;top:74px"></div>
|
|
<div id="position506964" style="background:transparent;width:60px;height:29px;position:absolute;left:1046px;top:74px"></div>
|
|
<div id="position506963" style="background:transparent;width:60px;height:29px;position:absolute;left:1109px;top:74px"></div>
|
|
<div id="position506962" style="background:transparent;width:60px;height:29px;position:absolute;left:1172px;top:74px"></div>
|
|
<div id="position506961" style="background:transparent;width:60px;height:29px;position:absolute;left:1235px;top:74px"></div>
|
|
</div>
|
|
|
|
<div class="div">
|
|
<img src="zhangjiang.png" border="0" usemap="#zhangjiangmap" alt="Parking" />
|
|
<map name="zhangjiangmap" id="zhangjiangmap"></map>
|
|
</div>
|
|
</Body>
|
|
</HTML> |