<#else>
parent = window.opener.document.getElementById("hwlxcn").value;
</#if>
]]>
<script type="text/javascript">
//<![CDATA[
//嵌入CDATAD可以防止不兼容Javacript的浏览器不生错误信?br /> //增加正则表达?span class="Apple-converted-space">
String.prototype.getQueryString = function(name) {
var reg = new RegExp("(^|&|\\?)" + name + "=([^&]*)(&|$)"), r;
if (r = this.match(reg)) return unescape(r[2]);
return null;
};
var address = location.search.getQueryString("address"); //通过表达式获得传递参?br /> //针对两种览器，分别获取xmlDocument对象// dXML文g
function loadXML(xmlFile) {
var xmlDoc;
if (window.ActiveXObject) {
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false;
xmlDoc.load(xmlFile);
}
else if (document.implementation && document.implementation.createDocument) {
xmlDoc = document.implementation.createDocument("", "", null);
xmlDoc.async = false;
xmlDoc.load(xmlFile);
} else {
alert('(zhn)的览器不支持该系l脚本！');
}
return xmlDoc;
}
//调用地图
var map; //全局GMap GOOGLE 地图 API
function load() {
if (GBrowserIsCompatible()) //(g)查浏览器兼容?br /> {
map = new GMap2(document.getElementById("map")); //地图加栽到ID为map的DIV中?br /> map.addControl(new GSmallMapControl()); //dGcontrol控g//攑֤~小的那?br /> map.setCenter(new GLatLng(26.577014, 104.877977), 15); //讄地图中心
//创徏多个坐标点（从INFO.XML文g中读取）(j)
var xmlDoc = loadXML("Info.xml");
var members = xmlDoc.getElementsByTagName("number");
var maxRes = members.length;
for (var i = 0; i <= maxRes; i++) { //XML中记录了多个坐标点，要每个点都标C?br /> var oName = members[i].getElementsByTagName("name");
var oLongitude = members[i].getElementsByTagName("Longitude");
var oLatitude = members[i].getElementsByTagName("Latitude");
var name = oName[0].firstChild.nodeValue
var Longitude = oLongitude[0].firstChild.nodeValue
var Latitude = oLatitude[0].firstChild.nodeValue
var marker = new GMarker(new GLatLng(Longitude, Latitude), { title: name }); //Ҏ(gu)个点d标记
marker.openInfoWindowHtml("<div style=line-height:20px;text-align:center;font-size:12px;'><a href=Left.aspx?info=" + name + " target=framLeft>" + name + ",点击查看信息</a></div>");
map.addOverlay(marker);
}
}
}
//]]>
</script>
XML文g
<?xml version="1.0" encoding="GB2312"?><earth>
<number id='1'>
<name>213211212213213</name>
<Longitude>26.577014</Longitude>
<Latitude>104.877977</Latitude></number>
<number id='2'>
<name>112312332131212</name>
<Longitude>26.586685</Longitude>
<Latitude>104.863815</Latitude></number>
<number id='3'>
<name>123123121323112</name>
<Longitude>26.572101</Longitude>
<Latitude>104.866905</Latitude></number>
<number id='4'>
<name>123132123123321</name>
<Longitude>26.572254</Longitude>
<Latitude>104.891624</Latitude></number>
</earth>
]]>
modelAndView.put("data", data);
modelAndView.put("keys", new String[]{"id","vessel_name_en","vessel_name_cn","voyage"});
modelAndView.setViewPath("/ajax/jsonResult.ftl");
freemarker 的json|(x)
[
<#list data as row>
{
<#list keys as key>
<#if key_index=keys?size-1>
"${key}":"${row["${key}"]?default("")}"
<#else>
"${key}":"${row["${key}"]?default("")}",
</#if>
</#list>
}
<#if row_index!=data?size-1>
,
</#if>
</#list>
]
jquery的ajaxҎ(gu)Q?br />$(document).ready(function(){
$("#vessel_name_en").autocomplete('${webroot}/suggest!vessel.do', {
mustMatch:false ,
width:300,
parse: function(data) {
return $.map(eval(data), function(row) {
return {
//固定得q么?br /> data: row,
//匚w内容
value: row.vessel_name_en,
//最后回填的数据
result: row.vessel_name_en
}
});
},
//昄的内?br /> formatItem: function(item) {
return item.vessel_name_en +" / "+item.vessel_name_cn+" / "+item.voyage;
}
}).result(function(event,item){
$("#shipInfoId").val(item.id);
$("#vessel_name_cn").val(item.vessel_name_cn);
$("#voyage").val(item.voyage);
$("#bill_no").focus();
});
<#macro vesselInfo index=index readonly=true>
<table class="guide" style="width:100%;" id="base_tbl">
<tr>
<th>英文船名</th><td><input type="hidden" name="shipInfoId" value="${index.ship_info_id?if_exists}" id="shipInfoId"/><input name="vesselNameEn" id="vessel_name_en" value="${index.vessel_name_en?if_exists}"/></td>
<th>中文船名</th><td><input name="vesselNameCn" id="vessel_name_cn" value="${index.vessel_name_cn?if_exists}"/></td>
<th>航次</th><td><input name="voyage" id="voyage" value="${index.voyage?if_exists}"/></td>
</tr>
</table>
</#macro>
]]>
<script language="javascript" src="jquery.ui/ui.draggable.min.js"></script>
<script language="javascript" src="jquery.ui/ui.droppable.min.js"></script>
$(function(){
$(".draggable").draggable({helper:"clone"});//采用clone方式复制拖拽
$("#droppable-accept").droppable({
accept: function(draggable){
//接收cd为green?br /> return $(draggable).hasClass("green");
},
drop: function(){
$(this).append($("<div></div>").html("drop!"));
}
});
});
<body>
<div class="draggable red">draggable red</div>
<div class="draggable green">draggable green</div>
<div id="droppable-accept" class="droppable">droppable<br></div>
</body>
]]>
$.each(aArray,function(iNum1,value2){
//针对数组
document.write("序号:" + iNum1 + " ?" + value2 + "<br>");
});
var oObj = {one:11, two:2, three:3, four:4, five:5};
$.each(oObj, function(property1,value2) {
//针对对象
document.write("属?" + property1 + " ?" + value2 + "<br>");
});
var aResult = $.grep(aArray,function(value){
return value > 4;
});
document.write("aArray: " + aArray.join() + "<br>");
document.write("aResult: " + aResult.join());
var aArr = ["a", "b", "c", "d", "e"];
$("p:eq(0)").text(aArr.join());
aArr = $.map(aArr,function(value,index){
//数l{化ؓ(f)大写q添加序?br /> return (value.toUpperCase() + index);
});
$("p:eq(1)").text(aArr.join());
aArr = $.map(aArr,function(value){
//数l元素的值双份处?br /> return value + value;
});
]]>
innerHtml输出包括Html的文本文?/div>
]]>
$("img").each(i){function(){
this.src = "test" + i + ".jpg";
}
}
输出l果Q?br /> <img srt="test0.jpg"/>, <img srt="test1.jpg"/>
]]>
#placeholder表示扑ֈhtml中的IDQ?br />$("#id")表示jquery对象Q?(".class") jquery对象的集?img src ="http://www.aygfsteel.com/youngturk/aggbug/376352.html" width = "1" height = "1" />
]]>
]]>