关于xml中js跳转
xml文档：picture.xml
<?xml version="1.0"?>
<list>
<picture>
<id>1</id>
<name>山水画</name>
<author>wbf</author>
<picDate>2010-03-15</picDate>
<information>美丽</information>
<picPath>1.jpg</picPath>
</picture>
</list>
html：
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>浏览图片</title>
</head>
<body>
<fieldset style="width: 500px">
<legend>
<img src="ICO/dian.gif">
当前位置：壁纸
</legend>
<div>
<xml id="books" src="picture.xml"></xml>
<table class="simple" id="datatable" datasrc="#books" DATAPAGESIZE="2">
<thead>
<th>序号</th>
<th>图片名称</th>
<th>作者</th>
<th>加入时间</th>
<th>图片简介</th>
<th>操作</th>
</thead>
<tr>
<td><span datafld="id"></span></td>
<td><span datafld="name"></span></td>
<td><span datafld="author"></span></td>
<td><span datafld="picDate"></span></td>
<td><span datafld="information"></span></td>
<td><input type="button" value="播放"></td>
</tr>
</table></fieldset>
<div><table class="simple">
<tr align=right><td align=right>
<button onclick="document.all.datatable.previousPage()">上一页</button>
<button onclick="document.all.datatable.nextPage()">下一页</button></td>
</tr></table></div>
</body>
</html>
我想点下播放按钮，根据id不同，让图片在另外一个页面上显示出来
[解决办法]
可以这样实现，红字是我加上的代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>浏览图片</title>
<script>
function btnclick() {
var obj=event.srcElement;
window.open(obj.parentElement.previousSibling.children[0].innerText);//这里假设你图片放的路径就是当前路径。
}
</script></head>
<body>
<fieldset style="width: 500px">
<legend>
<img src="ICO/dian.gif">
当前位置：壁纸
</legend>
<div>
<xml id="books" src="picture.xml"></xml>
<table class="simple" id="datatable" datasrc="#books" DATAPAGESIZE="1">
<thead>
<th>序号</th>
<th>图片名称</th>
<th>作者</th>
<th>加入时间</th>
<th>图片简介</th>
<th>操作</th>
</thead>
<tr>
<td><span datafld="id"></span></td>
<td><span datafld="name"></span></td>
<td><span datafld="author"></span></td>
<td><span datafld="picDate"></span></td>
<td><span datafld="information"></span></td>
<td style="display:none"><span datafld="picPath"></span></td>
<td><input type="button" value="播放" onclick="btnclick()"></td>
</tr>
</table></fieldset>
<div><table class="simple">
<tr align=right><td align=right>
<button onclick="document.all.datatable.previousPage()">上一页</button>
<button onclick="document.all.datatable.nextPage()">下一页</button></td>
</tr></table></div>
</body>
</html>
[解决办法]
注意，另外在播放的按钮加了个 onclick="btnclick()"
