interface/clickmap/template/general_new.html

   1 <html>
   2 <head>
   3     <script type="text/javascript" src="{php}echo $GLOBALS['webroot'];{/php}/library/js/jquery-1.4.2.min.js"></script>
   4     <script type="text/javascript" src="{php}echo $GLOBALS['webroot'];{/php}/library/js/jquery-ui-1.8.6.custom.min.js"></script>
   5     <script type="text/javascript" src="{php}echo $GLOBALS['webroot'];{/php}/library/js/jquery.cookie.js"></script>
   6     <script type="text/javascript" src="{php}echo $GLOBALS['webroot'];{/php}/library/js/clickmap.js"></script>
   7
   8     <link rel="stylesheet" type="text/css" href="{$form->template_dir}/css/ui-lightness/jquery-ui-1.8.6.custom.css" />
   9     <link rel="stylesheet" type="text/css" href="{$form->template_dir}/css/clickmap.css" />
  10 </head>
  11 <body>
  12 <div class="outer-container">
  13         <div id="container" class="container">
  14                 <img src="{$form->image}"/>
  15         </div>
  16         <div id="legend" class="legend">
  17                 <div class="body">
  18                         <ul></ul>
  19                 </div>
  20         </div>
  21 </div>
  22 <p style="clear:both">
  23
  24 <div class="nav">
  25         <button id="btn_save">{xl t="Save"}</button>
  26         <button id="btn_clear">{xl t="Clear"}</button>
  27         <button id="cancel">{xl t="Cancel"}</button>
  28         <p>
  29         {xl t="Click a spot on the graphic to add a new annotation, click it again to remove it"} <br/>
  30         {xl t="The 'Clear' button will remove all annotations."}
  31     </p>
  32 </div>
  33
  34 <div class="dialog-form" style="display:none">
  35         <fieldset>
  36         <label for="label">{xl t="Label"}</label>
  37         <input type="text" name="label" id="label" class="text ui-widget-content ui-corner-all label" />
  38         <label for="options"></label>
  39         <select name="options">
  40         </select>
  41         <label for="detail">{xl t="Detail"}</label>
  42         <textarea name="detail" id="detail" class="textarea ui-widget-content ui-corner-all detail"></textarea>
  43         </fieldset>
  44 </div>
  45
  46 <div class="marker-template" style="display:none">
  47         <span class='count'></span>
  48 </div>
  49
  50 <script type="text/javascript">
  51 var cancellink = '{$DONT_SAVE_LINK}';
  52 {literal}
  53     $(document).ready( function() {
  54                 $("#cancel").click(function() { location.href=cancellink; });
  55                 var optionsLabel = {/literal}{$form->optionsLabel}{literal};
  56                 var options = {/literal}{$form->optionList}{literal};
  57                 var data = {/literal}{$form->data}{literal};
  58                 var hideNav = {/literal}{$form->hideNav}{literal};
  59
  60                 clickmap( {
  61                         hideNav: hideNav,
  62                         data: data,
  63                         dropdownOptions: { label: optionsLabel, options: options },
  64                         container: $("#container")
  65                 } );
  66         });
  67 {/literal}
  68 </script>
  69
  70 <form id="submitForm" name="submitForm" method="post" action="{$form->saveAction}" onsubmit="return top.restoreSession()">
  71     <input type="hidden" name="id" value="{$form->get_id()}" />
  72     <input type="hidden" name="pid" value="{$form->get_pid()}" />
  73     <input type="hidden" name="process" value="true" />
  74     <input type="hidden" name="data" id="data" value=""/>
  75 </form>
  76 </body>
  77
  78 </html>