home *** CD-ROM | disk | FTP | other *** search
/ PC Pro 2006 April / DPPRO0406DVD.ISO / Essentials / Programming / Eclipse SDK / eclipse-SDK-3.1.1-win32.exe / eclipse / plugins / org.eclipse.help.webapp_3.1.0 / advanced / toolbar.jsp < prev    next >
Encoding:
Text File  |  2005-09-29  |  8.0 KB  |  329 lines
  1. <%--
  2.  Copyright (c) 2000, 2004 IBM Corporation and others.
  3.  All rights reserved. This program and the accompanying materials 
  4.  are made available under the terms of the Eclipse Public License v1.0
  5.  which accompanies this distribution, and is available at
  6.  http://www.eclipse.org/legal/epl-v10.html
  7.  
  8.  Contributors:
  9.      IBM Corporation - initial API and implementation
  10. --%>
  11. <%@ include file="header.jsp"%>
  12.  
  13. <% 
  14.     ToolbarData data = new ToolbarData(application,request, response);
  15.     WebappPreferences prefs = data.getPrefs();
  16. %>
  17.  
  18.  
  19. <html>
  20. <head>
  21. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  22.  
  23. <title><%=ServletResources.getString("Toolbar", request)%></title>
  24.  
  25. <style type="text/css">
  26.  
  27. /* need this one for Mozilla */
  28. HTML { 
  29.     margin:0px;
  30.     padding:0px;
  31. }
  32.  
  33. BODY {
  34.     background:<%=prefs.getToolbarBackground()%>;
  35. }
  36.  
  37. #titleText {
  38.     font-weight:bold;
  39.     color:WindowText;
  40. }
  41.  
  42. .buttonOn a { 
  43.     display:block;
  44.     margin-left:2px;
  45.     margin-right:2px;
  46.     width:<%=data.isMozilla()?18:20%>px;
  47.     height:<%=data.isMozilla()?18:20%>px;
  48.     border:1px solid Highlight;
  49.     writing-mode:tb-rl;
  50.     vertical-align:middle;
  51.     background: <%=prefs.getViewBackground()%>;
  52. }
  53.  
  54. .button a { 
  55.     display:block;
  56.     margin-left:2px;
  57.     margin-right:2px;
  58.     width:<%=data.isMozilla()?18:20%>px;
  59.     height:<%=data.isMozilla()?18:20%>px;
  60.     border:1px solid <%=prefs.getToolbarBackground()%>;
  61.     writing-mode:tb-rl;
  62.     vertical-align:middle;
  63. }
  64.  
  65. .button a:hover { 
  66.     border-top:1px solid ButtonHighlight; 
  67.     border-<%=isRTL?"right":"left"%>:1px solid ButtonHighlight; 
  68.     border-<%=isRTL?"left":"right"%>:1px solid ButtonShadow; 
  69.     border-bottom:1px solid ButtonShadow;
  70. }
  71.  
  72. <% if (data.isIE() || data.isMozilla() && "1.2.1".compareTo(data.getMozillaVersion()) <=0){
  73. // maximize (last) button should not jump
  74. %>
  75. #b<%=data.getButtons().length-1%>:hover{
  76.     border:1px solid <%=prefs.getToolbarBackground()%>;
  77. }
  78. <%}%>
  79.  
  80. .separator {
  81.     background-color: ThreeDShadow;
  82.     height:100%;
  83.     width: 1px;
  84.     border-top:2px solid <%=prefs.getToolbarBackground()%>;
  85.     border-bottom:2px solid <%=prefs.getToolbarBackground()%>;
  86.     border-left:3px solid <%=prefs.getToolbarBackground()%>;
  87.     border-right:3px solid <%=prefs.getToolbarBackground()%>;
  88.     
  89. }
  90.  
  91. #container {
  92.     border-bottom:1px solid ThreeDShadow;
  93. <%
  94. if (data.isIE()) {
  95. %> 
  96. <%
  97. }else if (data.isMozilla()){
  98. %>
  99.     border-top:1px solid ThreeDShadow;
  100.     height:24px;
  101. <%
  102. }
  103. %>
  104. }
  105.  
  106. <%
  107. // workaround for adding right border on mozilla (ugly..)
  108. if (data.isMozilla() && "content".equals(request.getParameter("toolbar"))) { 
  109. %>
  110.  
  111. /* need this one for Mozilla */
  112. HTML { 
  113.     margin:0px;
  114.     padding:0px;
  115. }
  116. <%
  117. }
  118. %>
  119.  
  120. </style>
  121.  
  122. <script language="JavaScript">
  123.  
  124. var bRestore = false;
  125. // Preload images
  126. <%
  127. ToolbarButton[] buttons = data.getButtons();
  128. for (int i=0; i<buttons.length; i++) {
  129.     if (!buttons[i].isSeparator()) {
  130. %>
  131.     var <%=buttons[i].getName()%> = new Image();
  132.     <%=buttons[i].getName()%>.src = "<%=buttons[i].getOnImage()%>";
  133. <%
  134.     }
  135. }
  136. %>
  137.  
  138. function setTitle(label)
  139. {
  140.     if( label == null) label = "";
  141.     var title = document.getElementById("titleText");
  142.     if (title == null) return;
  143.     var text = title.lastChild;
  144.     if (text == null) return;
  145.     text.nodeValue = label;
  146. }
  147.  
  148. <% if (data.isIE()
  149.     || data.isMozilla() && "1.2.1".compareTo(data.getMozillaVersion()) <=0
  150.     || (data.isSafari() && "120".compareTo(data.getSafariVersion()) <= 0) ){
  151. %>
  152. function registerMaximizedChangedListener(){
  153.     // get to the frameset
  154.     var p = parent;
  155.     while (p && !p.registerMaximizeListener)
  156.         p = p.parent;
  157.     
  158.     if (p!= null){
  159.         p.registerMaximizeListener('<%=data.getName()%>Toolbar', maximizedChanged);
  160.     }
  161. }
  162. registerMaximizedChangedListener();
  163.  
  164. /**
  165.  * Handler for double click: maximize/restore this view
  166.  * Note: Mozilla browsers prior to 1.2.1 do not support programmatic frame resizing well.
  167.  */
  168. function mouseDblClickHandler(e) {
  169.     // ignore double click on buttons
  170.     var target=<%=data.isIE()?"window.event.srcElement":"e.target"%>;
  171.     if (target.tagName && (target.tagName == "A" || target.tagName == "IMG"))
  172.         return;
  173.     toggleFrame();
  174.     return false;
  175. }        
  176. function restore_maximize(button)
  177. {
  178.     toggleFrame();
  179.     if (isIE && button && document.getElementById(button)){
  180.         document.getElementById(button).blur();
  181.     }
  182. }
  183. function toggleFrame(){
  184.     // get to the frameset
  185.     var p = parent;
  186.     while (p && !p.toggleFrame)
  187.         p = p.parent;
  188.     
  189.     if (p!= null){
  190.         p.toggleFrame('<%=data.getTitle()%>');
  191.     }
  192.     document.selection.clear;    
  193. }
  194.  
  195. function maximizedChanged(maximizedNotRestored){
  196.     if(maximizedNotRestored){
  197.         document.getElementById("maximize_restore").src="<%=data.getRestoreImage()%>";
  198.         document.getElementById("maximize_restore").setAttribute("title", "<%=data.getRestoreTooltip()%>");
  199.         document.getElementById("maximize_restore").setAttribute("alt", "<%=data.getRestoreTooltip()%>");
  200.         bRestore = true;
  201.     }else{
  202.         document.getElementById("maximize_restore").src="<%=data.getMaximizeImage()%>";
  203.         document.getElementById("maximize_restore").setAttribute("title", "<%=data.getMaximizeTooltip()%>");
  204.         document.getElementById("maximize_restore").setAttribute("alt", "<%=data.getMaximizeTooltip()%>");
  205.         bRestore = false;
  206.     }
  207. }
  208.  
  209. <%=( data.isIE() || data.isSafari() )?
  210.     "document.ondblclick = mouseDblClickHandler;"
  211. :
  212.     "document.addEventListener('dblclick', mouseDblClickHandler, true);"%>
  213. <%}%>
  214.  
  215. function setButtonState(buttonName, pressed) {
  216.     if(!document.getElementById("tdb_"+buttonName))
  217.         return;
  218.     if(pressed){
  219.         document.getElementById("tdb_"+buttonName).className="buttonOn";
  220.     }else{
  221.         document.getElementById("tdb_"+buttonName).className="button";
  222.     }
  223. }
  224.  
  225. function setWindowStatus(buttonName){
  226.     <%
  227.     for (int i=0; i<buttons.length; i++) {
  228.         String name = buttons[i].getName();%>
  229.         if (buttonName == "<%=name%>"){
  230.             if (buttonName == "maximize_restore"){
  231.                 if (bRestore){
  232.                     window.status = "<%=data.getRestoreTooltip()%>";
  233.                 }else{
  234.                     window.status = "<%=data.getMaximizeTooltip()%>";
  235.                 }
  236.             }else{
  237.                 window.status = "<%=buttons[i].getTooltip()%>";
  238.             }
  239.         }
  240.     <%    
  241.     }
  242.     %>
  243. }
  244. </script>
  245.  
  246. <%
  247. if (data.getScript() != null) {
  248. %>
  249. <script language="JavaScript" src="<%=data.getScript()%>"></script>
  250. <%
  251. }
  252. %>
  253.  
  254. </head>
  255.  
  256. <%
  257. if(buttons.length > 0){
  258. %>
  259.     <body dir="<%=direction%>">
  260. <%
  261. }else{
  262. %>
  263.     <body dir="<%=direction%>" tabIndex="-1">
  264. <%
  265. }
  266. %>
  267.  
  268. <table id="container" width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" style='padding-<%=isRTL?"right":"left"%>:<%=data.isIE()?"5px":"8px"%>;'>
  269.  
  270.     <tr>
  271.         <td nowrap style="font: <%=prefs.getToolbarFont()%>" valign="middle">
  272.             <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>
  273.             </div>
  274.         
  275.         
  276.         <div style="position:absolute; top:1px; <%=isRTL?"left":"right"%>:0px;">
  277.         <table width="100%" border="0" cellspacing="1" cellpadding="0" height="100%">
  278.             <tr>
  279.                 <td align="<%=isRTL?"left":"right"%>">
  280.                     <table align="<%=isRTL?"left":"right"%>" border="0" cellspacing="0" cellpadding="0" height="100%" style="background:<%=prefs.getToolbarBackground()%>">
  281.                     <tr>
  282. <%
  283.     for (int i=0; i<buttons.length; i++) {
  284.         if (buttons[i].isSeparator()) {
  285. %>
  286.                         <td align="middle" class="separator" valign="middle">
  287.                         </td>
  288. <%
  289.         } else {
  290. %>
  291.                         <td align="middle" id="tdb_<%=buttons[i].getName()%>" class="<%=buttons[i].isOn()?"buttonOn":"button"%>" height=18>
  292.                             <a href="javascript:<%=buttons[i].getAction()%>('b<%=i%>');" 
  293.                                onmouseover="javascript:setWindowStatus('<%=buttons[i].getName()%>');return true;" 
  294.                                onmouseout="window.status='';"
  295.                                id="b<%=i%>">
  296.                                <img src="<%=buttons[i].getOnImage()%>" 
  297.                                     alt='<%=buttons[i].getTooltip()%>' 
  298.                                     title='<%=buttons[i].getTooltip()%>' 
  299.                                     border="0"
  300.                                     id="<%=buttons[i].getName()%>">
  301.                             </a>
  302.                         </td>
  303. <%
  304.         }
  305.     }
  306. %>                
  307.                     </tr>
  308.                     </table>
  309.                 </td>
  310.             </tr>
  311.         </table> 
  312.         </div>
  313.         </td>
  314.     </tr>
  315. </table>
  316.  
  317. <%// special case for content toolbar - internally used live help frame
  318. if ("content".equals(request.getParameter("toolbar"))) {
  319. %>
  320.     <iframe name="liveHelpFrame" title="<%=ServletResources.getString("ignore", "liveHelpFrame", request)%>" style="visibility:hidden" tabindex="-1" frameborder="no" width="0" height="0" scrolling="no">
  321.     </iframe>
  322. <%
  323. }
  324. %>
  325.  
  326. </body>     
  327. </html>
  328.  
  329.