ibm-information-center/dist/eclipse/plugins/org.eclipse.help.webapp_3.0.1/advanced/toolbar.jsp

352 lines
9.0 KiB
Plaintext
Raw Normal View History

2024-04-02 14:02:31 +00:00
<%--
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" >&nbsp;<%=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>