Workspace/Siman/WebContent/jsp/readDescription.jsp

   1 <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
   2     pageEncoding="ISO-8859-1"%>
   3 <%@ taglib prefix="s" uri="/struts-tags"%>
   4
   5 <div id="description_value_div">
   6     <s:property value="descriptionValue" escapeHtml="false"/>
   7 </div>
   8
   9
  10 <s:if test="userCanModufyDescription()">
  11
  12 <!-- Set description functionality -->
  13    <script type="text/javascript">
  14        function showDescriptionEditor() {
  15          document.getElementById("descriptionValue").contentDocument.body.innerHTML =
  16             document.getElementById("description_value_div").innerHTML;
  17          document.getElementById("display_description_div").style.display = 'none';
  18          document.getElementById("description_buttons_div").style.display = 'none';
  19          document.getElementById("description_editor_div").style.display = 'block';
  20        }
  21
  22        function hideDescriptionEditor() {
  23          document.getElementById("display_description_div").style.display = 'block';
  24          document.getElementById("description_buttons_div").style.display = 'block';
  25          document.getElementById("description_editor_div").style.display = 'none';
  26        }
  27
  28        $(document).ready(function(){
  29            $("#description_form").ajaxForm({
  30                target: '#display_description_div'
  31            });
  32
  33            // Bind the cancel button
  34            $("#cancel_set_description_button").click(hideDescriptionEditor);
  35
  36            // Bind the submit event
  37            $('#description_form').on('submit', hideDescriptionEditor);
  38        });
  39    </script>
  40
  41   <div id="description_buttons_div">
  42     <table width="100%" cellpadding="0" cellspacing="0" border="0" class="attribute">
  43       <tr>
  44         <td width="20" height="20" align="center">
  45           <s:if test="%{descriptionValue==null}">
  46             <img id="add_description_button" src="<s:url value="/skin/icon.add.png"/>"
  47                 onMouseOver=this.src="<s:url value="/skin/icon.addhot.png"/>"
  48                 onMouseOut=this.src="<s:url value="/skin/icon.add.png"/>"
  49                 title="<s:text name="tooltip.adddescription"/>" onClick="showDescriptionEditor()"/>
  50           </s:if>
  51           <s:else>
  52             <div id="popupDescription" style="position:absolute; display:none; top:0px; left:0px; z-index:10000;"
  53               onmouseover="javascript:_mouseOverContext=true;" onmouseout="javascript:_mouseOverContext=false;">
  54               <jsp:include page="/jsp/menupopup.jsp" />
  55             </div>
  56             <s:a href="popupDescription">
  57               <img src="<s:url value="/skin/icon.ed.png"/>" width=14 height=14 border="none" title=""/>
  58             </s:a>
  59           </s:else>
  60         </td>
  61       <td>&nbsp;</td>
  62     </tr>
  63   </table>
  64   </div>
  65
  66 <!-- Remove description functionality -->
  67 <form name="remove_description_form" id="remove_description_form" action="remove-description" method="post">
  68     <input type="hidden" name="studyId" value="<s:property value="openStudy.index"/>"/>
  69 </form>
  70 <script>
  71     function removeDescription() {
  72         $("#remove_description_form").ajaxSubmit({
  73                    target: '#display_description_div'
  74               });
  75     }
  76 </script>
  77
  78 </s:if>