详细信息页面（detail.jsp)

最新推荐文章于 2017-05-20 13:57:18 发布

caoxu1987728

最新推荐文章于 2017-05-20 13:57:18 发布

阅读量1k

点赞数

分类专栏： Search Engine 文章标签： table image javascript border java

本文链接：https://blog.csdn.net/caoxu1987728/article/details/2770147

版权

Search Engine 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

这个页面说起来就是main.jsp的子页面，除了${param.id}方法陌生以外，其他都在main.jsp中见过。

详细代码如下：

 
 <%@ page language="java" contentType="text/HTML;charset=utf-8" %> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<script src="${pageContext.request.contextPath}/dwr/engine.js"></script>
<script src="${pageContext.request.contextPath}/dwr/util.js"></script>
<script src="${pageContext.request.contextPath}/dwr/interface/searchService.js"></script>
<script language="javascript">
var _id = '${param.id}';
searchService.getSearchResultById(_id, fillDetailResult);
function fillDetailResult(record)
{
    var image = document.getElementById("image");
    image.innerHTML+="<table><tr><td><img src='/demo/showpic?id="+record.imageUrl+"'></td>" + 
                   "<td>"
                   + "<table><tr><td>" + record.name + "</td></tr> <tr><td>" + record.type + "</td></tr></table>"
                   +"</td></tr></table>";
    var contentdiv = document.getElementById("detail");
    var table;
    var content = record.content;
    var lines = content.split("/r/n");
    if (lines.length > 0) {
        table = document.createElement('table');
        table.setAttribute("border","1");
        contentdiv.appendChild(table);
    }
    else {
        return;
    }
    
    for(var i=0;i<lines.length;i++){
    
        var tr = document.createElement('tr');
        tr.setAttribute('bgcolor','#eeeeee');
        
        
        var td1;
        var td2;
        
        var line = lines[i];
        var data1 = line.substring(0, line.indexOf(":"));
        var data2 = line.substring(line.indexOf(":") + 1);
        td1 = document.createElement('td');
        td1.innerHTML = "<font size=2px>" + data1 + "</font>";
        tr.appendChild(td1);
            
        td2 = document.createElement('td');
        td2.innerHTML = "<font size=2px>" + data2 + "</font>";
        tr.appendChild(td2);
            
        table.appendChild(tr);
    }
    contentdiv.innerHTML = contentdiv.innerHTML;
    
    
    var original = document.getElementById("original");
    original.innerHTML = "<a href='" + record.url + "' target='_blank'>" + record.url + "</a>";
}
</script>
</head>
<body>
<div id="image">
</div>
<div id="detail" >
</div>
<div id="original">
</div>
</body>
</html>
 

而对于<font size=2px>，说明如下：

长度单位分为两种，一种是相对长度，另一种是绝对长度。
　　以下为三种相对长度单位：
　　◆ em 相对于父对象的大小
　　◆ ex 相对于特定字体中的字母x的高度
　　◆ px 相对于特定设备的分辨率，这是最最常用的单位，也是我们一直坚守的单位。从技术角度来说，px像素其实是一种相对大小的度量单位，它于特定设备的显示或打印的分辨率有关。例如，一个像素在被显示在计算机屏幕上与被打印在纸张上的大小是不同的。

　　以下为五种绝对长度单位：
　　绝对长度单位在打印时或在屏幕显示设备的物理尺寸已知时才比较有用。
　　◆ in 英寸
　　◆ cm 厘米
　　◆ mm 毫米
　　◆ pt 点
　　◆ pc 12点活字

caoxu1987728

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
详细信息页面（detail.jsp)

这个页面说起来就是main.jsp的子页面，除了${param.id}方法陌生以外，其他都在main.jsp中见过。详细代码如下："java" contentType="text/HTML;charset=utf-8" %> "Content-Type" content="text/html; charset=gbk">"${pageContext.request.
复制链接

扫一扫

专栏目录