skins/zoom_view.pt

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   2   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml"
   4       xmlns:tal="http://xml.zope.org/namespaces/tal" xmlns:metal="http://xml.zope.org/namespaces/metal"
   5       tal:define="portal_url here/portal_url">
   6   <head>
   7     <title>photo: zoom view</title>
   8     <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
   9     <script type="text/javascript" tal:attributes="src here/epoz_script_detect.js/absolute_url"></script>
  10     <script type="text/javascript" tal:attributes="src here/javascript_events_api.js/absolute_url"></script>
  11     <script type="text/javascript" tal:attributes="src here/sarissa.js/absolute_url"></script>
  12     <script type="text/javascript" tal:attributes="src here/base_properties.js/absolute_url"></script>
  13     <script type="text/javascript" tal:attributes="src here/DHTMLapi.js/absolute_url"></script>
  14     <script type="text/javascript">
  15     // <!--
  16       function portal_url() {
  17                                 var e = document.getElementById("Portal_URL");
  18                                 return e.innerHTML;
  19                         }
  20     // -->
  21     </script>
  22     <script type="text/javascript" tal:attributes="src string:${portal_url}/base_properties.js"></script>
  23     <script type="text/javascript" tal:attributes="src string:${portal_url}/navigateur.js"></script>
  24     <script type="text/javascript" tal:attributes="src string:${portal_url}/mosaique.js"></script>
  25     <link rel="stylesheet" media="screen" tal:attributes="href here/global_plinn_style.css/absolute_url" />
  26   </head>
  27   <body style="background:#484848" i18n:domain="portfolio" tal:define="zoom_menu here/zoom_view_menu|nothing">
  28       <div tal:condition="zoom_menu" style="position:absolute; z-index:3; top:5px; left:5px">
  29         <div tal:content="structure zoom_menu" style="position:relative;background-color:#000"
  30         >optional menu</div>
  31       </div>
  32       <img tal:condition="not:zoom_menu"
  33            tal:attributes="src string:$portal_url/prev_img_btn.gif" width="23" height="27"
  34            alt="back" title="back"
  35            style="position:absolute; width:23px; height:27px; z-index:3; top:0; left:0"
  36            onclick="history.back()"
  37            i18n:attributes="alt;title"
  38            />
  39       <span id="Portal_URL"  style="display:none" tal:content="portal_url"></span>
  40       <div id="zoneAffichage"
  41            style="left:5px;top:5px;margin:0;padding:0; position:absolute"><br/></div>
  42       <script type="text/javascript"
  43               tal:content="string:
  44         var url = '${here/absolute_url}';
  45       ">
  46       </script>
  47       <script type="text/javascript">
  48       // <!--
  49         function initMosaique() {
  50           initDHTMLAPI();
  51           var main = document.getElementById('zoneAffichage');
  52           if (browser.isIE) {
  53             var width = getInsideWindowWidth() -5;
  54             var height = getInsideWindowHeight() -5;
  55             main.style.width = width + 'px';
  56             main.style.height = height + 'px';
  57           }
  58           else {
  59             main.style.bottom = 0;
  60             main.style.right = 0;
  61           }
  62                                 var margins = {'top':5, 'right':5, 'bottom':5, 'left':5};
  63                                 var mosaique = new Mosaique(document.getElementById('zoneAffichage'), url, margins);
  64         }
  65         addListener(window, 'load', initMosaique);
  66       // -->
  67       </script>
  68   </body>
  69 </html>