service_js.jsp

使用JSP和Java Bean来构建一个网上书店。本章介绍的例子可以分成两大部分

<%@ page contentType="text/html;charset=utf-8"%>
<%@ include file="include.jsp"%>
//注解

NS6 = (document.getElementById&&!document.all)
IE = (document.all)
NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")
tempBar='';barBuilt=0;ssmItems=new Array();
moving=setTimeout('null',1)

function moveOut() {
if ((NS6||NS)&&parseInt(ssm.left)<0 || IE && ssm.pixelLeft<0) {
clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}};

function moveBack()
{clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}
 
function moveBack1()
{
if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {
clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}}

function slideMenu(num){
if (IE) {ssm.pixelLeft += num;}
if (NS||NS6) {ssm.left = parseInt(ssm.left)+num;}
if (NS) {bssm.clip.right+=num;bssm2.clip.right+=num;}}

function makeStatic() {
if (NS||NS6) {winY = window.pageYOffset;}
if (IE) {winY = document.body.scrollTop;}
if (NS6||IE||NS) {
if (winY!=lastY&&winY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - YOffset + staticYOffset);}
else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}
else {smooth=0}
if(smooth > 0) smooth = Math.ceil(smooth);
else smooth = Math.floor(smooth);
if (IE) bssm.pixelTop+=smooth;
if (NS6||NS) bssm.top=parseInt(bssm.top)+smooth
lastY = lastY+smooth;
setTimeout('makeStatic()', 1)}}

function buildBar() {
if(barText.indexOf('<IMG')>-1) {tempBar=barText}
else
{
	//for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"<BR>"}
	tempBar=barText;
}
document.write('<td align="center" style="padding-top:3px;" valign="top" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'">'+tempBar+'</font></p></TD>')}

function initSlide() {
if (NS6){ssm=document.getElementById("thessm").style;bssm=document.getElementById("basessm").style;
bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";}
else if (IE) {ssm=document.all("thessm").style;bssm=document.all("basessm").style
bssm.clip="rect(0 "+thessm.offsetWidth+" "+thessm.offsetHeight+" 0)";bssm.visibility = "visible";}
else if (NS) {bssm=document.layers["basessm1"];
bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"];
bssm2.clip.left=0;ssm.visibility = "show";}
if (menuIsStatic=="yes") makeStatic();}

function buildMenu() {
if (IE||NS6) {document.write('<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Left : '+XOffset+' ;Top : '+YOffset+' ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'"><DIV ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+' ;Top : 0 ;Z-Index : 20;" onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'" onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><TR><TD>')}
document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'">');
for(i=0;i<ssmItems.length;i++) {
if(!ssmItems[i][3]){ssmItems[i][3]=menuCols;ssmItems[i][5]=menuWidth-1}
else if(ssmItems[i][3]!=menuCols)ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1);
if(ssmItems[i-1]&&ssmItems[i-1][4]!="no"){document.write('<TR>')}
if(!ssmItems[i][1]){
document.write('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"> <font face="'+hdrFontFamily+'" COLOR="'+hdrFontColor+'">'+ssmItems[i][0]+'</font></td>')}
//document.write('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'">'+ssmItems[i][0]+'</font></td>')}
else {if(!ssmItems[i][2])ssmItems[i][2]=linkTarget;
document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" HEIGHT="'+hdrHeight+'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A class="catalog" HREF="'+ssmItems[i][1]+'" target="'+ssmItems[i][2]+'" style="font-size:12px;" title="'+ssmItems[i][3]+'">'+ssmItems[i][0]+'</DIV></LAYER></ILAYER></TD>')}
if(ssmItems[i][4]!="no"&&barBuilt==0){buildBar();barBuilt=1}
if(ssmItems[i][4]!="no"){document.write('</TR>')}}
document.write('</table>')
if (NS6){document.write('</TD></TR></TABLE>')}
if (IE||NS6) {document.write('</DIV></DIV>')}
if (NS) {document.write('</LAYER></ILAYER></LAYER>')}
theleft=-menuWidth;lastY=0;
setTimeout('initSlide();', 1);
}




YOffset=110; // no quotes!!
XOffset=0;
staticYOffset=30; // no quotes!!
slideSpeed=20 // no quotes!!
waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
menuBGColor="#cccccc";//导航边框颜色
menuIsStatic="yes"; //this sets whether menu should stay static on the screen
menuWidth=80; // 导航宽度
menuCols=2;
hdrFontFamily="verdana";
hdrFontSize="4";//导航第一行文字大小
hdrFontColor="#333333";//导航第一行文字颜色
hdrBGColor="#f1f1f1";//导航第一行颜色
hdrAlign="center";//导航第一行位置
hdrVAlign="center";
hdrHeight="25";//表格高度
linkFontFamily="Verdana";
linkFontSize="4";
linkBGColor="white";
linkOverBGColor="#f1f1f1";
linkTarget="_top";
linkAlign="center";//第一行以下位置
barBGColor="#DFDFDF";//外边颜色
barFontFamily="Verdana";
barFontSize="2";//站内导航文字大小
barFontColor="#666666";
barVAlign="center";
barWidth=20; // no quotes!!
barText="<font color='#FF0000'>在</font><font color='#996600'>线</font><font color='#3366FF'>客</font><font color='#009933'>服</font>"; // <IMG> tag supported. Put exact html for an image to show.
///////////////////////////
// ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
//ssmItems[0]=["站内导航"] //create header
ssmItems[0]=["QQ客服中心", "", "_blank",""]
<%
DBRow rows[] = memberMgr.getAllQQClientServiceByType(1);
int kkk=1;

for ( int i=0; i<rows.length; i++ )
{
%>
ssmItems[<%=kkk++%>]=["\[<%=rows[i].getString("name")%>\]", "<%=memberMgr.getServiceLink(rows[i].get("type",0),rows[i].getString("qq"),rows[i].getString("account"),rows[i].getString("email"))%>", "_blank","<%=rows[i].getString("description")%>"]
<%
}

rows = memberMgr.getAllQQClientServiceByType(2);

for ( int i=0; i<rows.length; i++ )
{
%>
ssmItems[<%=kkk++%>]=["\[<%=rows[i].getString("name")%>\]", "<%=memberMgr.getServiceLink(rows[i].get("type",0),rows[i].getString("qq"),rows[i].getString("account"),rows[i].getString("email"))%>", "_blank","<%=rows[i].getString("description")%>"]
<%
}


rows = memberMgr.getAllQQClientServiceByType(3);

for ( int i=0; i<rows.length; i++ )
{
%>
ssmItems[<%=kkk++%>]=["\[<%=rows[i].getString("name")%>\]", "<%=memberMgr.getServiceLink(rows[i].get("type",0),rows[i].getString("qq"),rows[i].getString("account"),rows[i].getString("email"))%>", "_blank","<%=rows[i].getString("description")%>"]
<%
}


rows = memberMgr.getAllQQClientServiceByType(4);

for ( int i=0; i<rows.length; i++ )
{
%>
ssmItems[<%=kkk++%>]=["\[<%=rows[i].getString("name")%>\]", "<%=memberMgr.getServiceLink(rows[i].get("type",0),rows[i].getString("qq"),rows[i].getString("account"),rows[i].getString("email"))%>", "_blank","<%=rows[i].getString("description")%>"]
<%
}
%>
buildMenu();