352 lines
9.0 KiB
Plaintext
352 lines
9.0 KiB
Plaintext
|
<%--
|
||
|
Copyright (c) 2000, 2004 IBM Corporation and others.
|
||
|
All rights reserved. This program and the accompanying materials
|
||
|
are made available under the terms of the Common Public License v1.0
|
||
|
which accompanies this distribution, and is available at
|
||
|
http://www.eclipse.org/legal/cpl-v10.html
|
||
|
|
||
|
Contributors:
|
||
|
IBM Corporation - initial API and implementation
|
||
|
IBM Help modification :
|
||
|
2004/9/15 - Updated by ZhouJianXin for HPSYS00000089
|
||
|
2004/9/22 - Updated by nlp for HPSYS00000144
|
||
|
2004/10/26 - Updated by ZhouJianXin for HPSYS00000203
|
||
|
--%>
|
||
|
<%@ include file="header.jsp"%>
|
||
|
|
||
|
<%
|
||
|
ToolbarData data = new ToolbarData(application,request, response);
|
||
|
WebappPreferences prefs = data.getPrefs();
|
||
|
%>
|
||
|
|
||
|
|
||
|
<html>
|
||
|
<head>
|
||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
|
|
||
|
<title><%=ServletResources.getString("Toolbar", request)%></title>
|
||
|
|
||
|
<style type="text/css">
|
||
|
|
||
|
/* need this one for Mozilla */
|
||
|
HTML {
|
||
|
margin:0px;
|
||
|
padding:0px;
|
||
|
}
|
||
|
|
||
|
BODY {
|
||
|
background:<%=prefs.getToolbarBackground()%>;
|
||
|
}
|
||
|
|
||
|
<%-- HPSYS00000144 --%>
|
||
|
|
||
|
#titleText {
|
||
|
font-weight:bold;
|
||
|
color:WindowText;
|
||
|
}
|
||
|
|
||
|
<%-- end of HPSYS00000144 --%>
|
||
|
|
||
|
.buttonOn a {
|
||
|
display:block;
|
||
|
margin-left:2px;
|
||
|
margin-right:2px;
|
||
|
width:<%=data.isMozilla()?18:20%>px;
|
||
|
height:<%=data.isMozilla()?18:20%>px;
|
||
|
border:1px solid Highlight;
|
||
|
writing-mode:tb-rl;
|
||
|
vertical-align:middle;
|
||
|
background: <%=prefs.getViewBackground()%>;
|
||
|
}
|
||
|
|
||
|
.button a {
|
||
|
display:block;
|
||
|
margin-left:2px;
|
||
|
margin-right:2px;
|
||
|
width:<%=data.isMozilla()?18:20%>px;
|
||
|
height:<%=data.isMozilla()?18:20%>px;
|
||
|
border:1px solid <%=prefs.getToolbarBackground()%>;
|
||
|
writing-mode:tb-rl;
|
||
|
vertical-align:middle;
|
||
|
}
|
||
|
|
||
|
.button a:hover {
|
||
|
border-top:1px solid ButtonHighlight;
|
||
|
border-<%=isRTL?"right":"left"%>:1px solid ButtonHighlight;
|
||
|
border-<%=isRTL?"left":"right"%>:1px solid ButtonShadow;
|
||
|
border-bottom:1px solid ButtonShadow;
|
||
|
}
|
||
|
|
||
|
<% if (data.isIE() || data.isMozilla() && "1.2.1".compareTo(data.getMozillaVersion()) <=0){
|
||
|
// maximize (last) button should not jump
|
||
|
%>
|
||
|
#b<%=data.getButtons().length-1%>:hover{
|
||
|
border:1px solid <%=prefs.getToolbarBackground()%>;
|
||
|
}
|
||
|
<%}%>
|
||
|
|
||
|
.separator {
|
||
|
background-color: ThreeDShadow;
|
||
|
height:100%;
|
||
|
width: 1px;
|
||
|
border-top:2px solid <%=prefs.getToolbarBackground()%>;
|
||
|
border-bottom:2px solid <%=prefs.getToolbarBackground()%>;
|
||
|
border-left:3px solid <%=prefs.getToolbarBackground()%>;
|
||
|
border-right:3px solid <%=prefs.getToolbarBackground()%>;
|
||
|
|
||
|
}
|
||
|
|
||
|
#container {
|
||
|
border-bottom:1px solid ThreeDShadow;
|
||
|
<%
|
||
|
if (data.isIE()) {
|
||
|
%>
|
||
|
<%
|
||
|
}else if (data.isMozilla()){
|
||
|
%>
|
||
|
border-top:1px solid ThreeDShadow;
|
||
|
height:24px;
|
||
|
<%
|
||
|
}
|
||
|
%>
|
||
|
}
|
||
|
|
||
|
<%
|
||
|
// workaround for adding right border on mozilla (ugly..)
|
||
|
if (data.isMozilla() && "content".equals(request.getParameter("toolbar"))) {
|
||
|
%>
|
||
|
|
||
|
/* need this one for Mozilla */
|
||
|
HTML {
|
||
|
margin:0px;
|
||
|
padding:0px;
|
||
|
}
|
||
|
<%
|
||
|
}
|
||
|
%>
|
||
|
|
||
|
</style>
|
||
|
|
||
|
<script language="JavaScript">
|
||
|
// HPSYS00000203(1/5)
|
||
|
var bRestore = false;
|
||
|
// end of HPSYS00000203(1/5)
|
||
|
|
||
|
// Preload images
|
||
|
<%
|
||
|
ToolbarButton[] buttons = data.getButtons();
|
||
|
for (int i=0; i<buttons.length; i++) {
|
||
|
if (!buttons[i].isSeparator()) {
|
||
|
%>
|
||
|
var <%=buttons[i].getName()%> = new Image();
|
||
|
<%=buttons[i].getName()%>.src = "<%=buttons[i].getOnImage()%>";
|
||
|
<%
|
||
|
}
|
||
|
}
|
||
|
%>
|
||
|
|
||
|
function setTitle(label)
|
||
|
{
|
||
|
if( label == null) label = "";
|
||
|
var title = document.getElementById("titleText");
|
||
|
if (title == null) return;
|
||
|
var text = title.lastChild;
|
||
|
if (text == null) return;
|
||
|
text.nodeValue = label;
|
||
|
}
|
||
|
|
||
|
<% if (data.isIE()
|
||
|
|| data.isMozilla() && "1.2.1".compareTo(data.getMozillaVersion()) <=0
|
||
|
|| (data.isSafari() && "120".compareTo(data.getSafariVersion()) <= 0) ){
|
||
|
%>
|
||
|
function registerMaximizedChangedListener(){
|
||
|
// get to the frameset
|
||
|
var p = parent;
|
||
|
while (p && !p.registerMaximizeListener)
|
||
|
p = p.parent;
|
||
|
|
||
|
if (p!= null){
|
||
|
p.registerMaximizeListener('<%=data.getName()%>Toolbar', maximizedChanged);
|
||
|
}
|
||
|
}
|
||
|
registerMaximizedChangedListener();
|
||
|
|
||
|
/**
|
||
|
* Handler for double click: maximize/restore this view
|
||
|
* Note: Mozilla browsers prior to 1.2.1 do not support programmatic frame resizing well.
|
||
|
*/
|
||
|
function mouseDblClickHandler(e) {
|
||
|
// ignore double click on buttons
|
||
|
var target=<%=data.isIE()?"window.event.srcElement":"e.target"%>;
|
||
|
if (target.tagName && (target.tagName == "A" || target.tagName == "IMG"))
|
||
|
return;
|
||
|
toggleFrame();
|
||
|
return false;
|
||
|
}
|
||
|
function restore_maximize(button)
|
||
|
{
|
||
|
toggleFrame();
|
||
|
if (isIE && button && document.getElementById(button)){
|
||
|
document.getElementById(button).blur();
|
||
|
}
|
||
|
}
|
||
|
function toggleFrame(){
|
||
|
// get to the frameset
|
||
|
var p = parent;
|
||
|
while (p && !p.toggleFrame)
|
||
|
p = p.parent;
|
||
|
|
||
|
if (p!= null){
|
||
|
p.toggleFrame('<%=data.getTitle()%>');
|
||
|
}
|
||
|
document.selection.clear;
|
||
|
}
|
||
|
|
||
|
function maximizedChanged(maximizedNotRestored){
|
||
|
if(maximizedNotRestored){
|
||
|
document.getElementById("maximize_restore").src="<%=data.getRestoreImage()%>";
|
||
|
document.getElementById("maximize_restore").setAttribute("title", "<%=data.getRestoreTooltip()%>");
|
||
|
document.getElementById("maximize_restore").setAttribute("alt", "<%=data.getRestoreTooltip()%>");
|
||
|
|
||
|
//HPSYS00000203(2/5)
|
||
|
bRestore = true;
|
||
|
//end of HPSYS00000203(2/5)
|
||
|
|
||
|
}else{
|
||
|
document.getElementById("maximize_restore").src="<%=data.getMaximizeImage()%>";
|
||
|
document.getElementById("maximize_restore").setAttribute("title", "<%=data.getMaximizeTooltip()%>");
|
||
|
document.getElementById("maximize_restore").setAttribute("alt", "<%=data.getMaximizeTooltip()%>");
|
||
|
|
||
|
//HPSYS00000203(3/5)
|
||
|
bRestore = false;
|
||
|
//end of HPSYS00000203(3/5)
|
||
|
}
|
||
|
}
|
||
|
|
||
|
<%=( data.isIE() || data.isSafari() )?
|
||
|
"document.ondblclick = mouseDblClickHandler;"
|
||
|
:
|
||
|
"document.addEventListener('dblclick', mouseDblClickHandler, true);"%>
|
||
|
<%}%>
|
||
|
|
||
|
function setButtonState(buttonName, pressed) {
|
||
|
if(!document.getElementById("tdb_"+buttonName))
|
||
|
return;
|
||
|
if(pressed){
|
||
|
document.getElementById("tdb_"+buttonName).className="buttonOn";
|
||
|
}else{
|
||
|
document.getElementById("tdb_"+buttonName).className="button";
|
||
|
}
|
||
|
}
|
||
|
|
||
|
//HPSYS00000203(4/5)
|
||
|
function setWindowStatus(buttonName){
|
||
|
<%
|
||
|
for (int i=0; i<buttons.length; i++) {
|
||
|
String name = buttons[i].getName();%>
|
||
|
if (buttonName == "<%=name%>"){
|
||
|
if (buttonName == "maximize_restore"){
|
||
|
if (bRestore){
|
||
|
window.status = "<%=data.getRestoreTooltip()%>";
|
||
|
}else{
|
||
|
window.status = "<%=data.getMaximizeTooltip()%>";
|
||
|
}
|
||
|
}else{
|
||
|
window.status = "<%=buttons[i].getTooltip()%>";
|
||
|
}
|
||
|
}
|
||
|
<%
|
||
|
}
|
||
|
%>
|
||
|
}
|
||
|
//end of HPSYS00000203(4/5)
|
||
|
</script>
|
||
|
|
||
|
<%
|
||
|
if (data.getScript() != null) {
|
||
|
%>
|
||
|
<script language="JavaScript" src="<%=data.getScript()%>"></script>
|
||
|
<%
|
||
|
}
|
||
|
%>
|
||
|
|
||
|
</head>
|
||
|
|
||
|
<%
|
||
|
if(buttons.length > 0){
|
||
|
%>
|
||
|
<body dir="<%=direction%>">
|
||
|
<%
|
||
|
}else{
|
||
|
%>
|
||
|
<body dir="<%=direction%>" tabIndex="-1">
|
||
|
<%
|
||
|
}
|
||
|
%>
|
||
|
|
||
|
<table id="container" width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" style='padding-<%=isRTL?"right":"left"%>:<%=data.isIE()?"5px":"8px"%>;'>
|
||
|
|
||
|
<tr>
|
||
|
<td nowrap style="font: <%=prefs.getToolbarFont()%>" valign="middle">
|
||
|
<div id="titleTextTableDiv" style="overflow:hidden; height:22px;"><table><tr><td nowrap style="font:<%=prefs.getToolbarFont()%>"><div id="titleText" > <%=data.getTitle()%></div></td></tr></table>
|
||
|
</div>
|
||
|
|
||
|
|
||
|
<div style="position:absolute; top:1px; <%=isRTL?"left":"right"%>:0px;">
|
||
|
<table width="100%" border="0" cellspacing="1" cellpadding="0" height="100%">
|
||
|
<tr>
|
||
|
<td align="<%=isRTL?"left":"right"%>">
|
||
|
<!-- HPSYS00000089 -->
|
||
|
<table align="<%=isRTL?"left":"right"%>" border="0" cellspacing="0" cellpadding="0" height="100%" style="background:<%=prefs.getToolbarBackground()%>">
|
||
|
<!-- end of HPSYS00000089 -->
|
||
|
<tr>
|
||
|
<%
|
||
|
for (int i=0; i<buttons.length; i++) {
|
||
|
if (buttons[i].isSeparator()) {
|
||
|
%>
|
||
|
<td align="middle" class="separator" valign="middle">
|
||
|
</td>
|
||
|
<%
|
||
|
} else {
|
||
|
%>
|
||
|
<td align="middle" id="tdb_<%=buttons[i].getName()%>" class="<%=buttons[i].isOn()?"buttonOn":"button"%>" height=18>
|
||
|
<!-- HPSYS00000203(5/5) -->
|
||
|
<a href="javascript:<%=buttons[i].getAction()%>('b<%=i%>');"
|
||
|
onmouseover="javascript:setWindowStatus('<%=buttons[i].getName()%>');return true;"
|
||
|
onmouseout="window.status='';"
|
||
|
id="b<%=i%>">
|
||
|
<!-- end of HPSYS00000203(5/5) -->
|
||
|
<img src="<%=buttons[i].getOnImage()%>"
|
||
|
alt='<%=buttons[i].getTooltip()%>'
|
||
|
title='<%=buttons[i].getTooltip()%>'
|
||
|
border="0"
|
||
|
id="<%=buttons[i].getName()%>">
|
||
|
</a>
|
||
|
</td>
|
||
|
<%
|
||
|
}
|
||
|
}
|
||
|
%>
|
||
|
</tr>
|
||
|
</table>
|
||
|
</td>
|
||
|
</tr>
|
||
|
</table>
|
||
|
</div>
|
||
|
</td>
|
||
|
</tr>
|
||
|
</table>
|
||
|
|
||
|
<%// special case for content toolbar - internally used live help frame
|
||
|
if ("content".equals(request.getParameter("toolbar"))) {
|
||
|
%>
|
||
|
<iframe name="liveHelpFrame" title="<%=ServletResources.getString("ignore", "liveHelpFrame", request)%>" style="visibility:hidden" tabindex="-1" frameborder="no" width="0" height="0" scrolling="no">
|
||
|
</iframe>
|
||
|
<%
|
||
|
}
|
||
|
%>
|
||
|
|
||
|
</body>
|
||
|
</html>
|
||
|
|