Products/ckeditor/skins/ckeditor/plugins/plinn_image/dialog/plinn_image_tabs.html.pt

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2
   3 <html xmlns="http://www.w3.org/1999/xhtml">
   4
   5         <head>
   6                 <meta http-equiv="content-type" content="text/html;charset=utf-8" />
   7                 <title>Image tabs options</title>
   8                 <style>
   9                   <!--
  10                   body {
  11                     margin:0;
  12                     padding:0;
  13                   }
  14       ul {
  15         border-bottom:2px solid #DDDDDD;
  16         border-collapse:collapse;
  17         margin:0pt;
  18         padding-left:1em;
  19         white-space:nowrap;
  20         position:absolute;
  21         bottom:0;
  22         width:100%;
  23       }
  24       li {
  25         display:inline;
  26         font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;
  27         font-size:90%;
  28       }
  29       a {
  30         text-decoration:none;
  31       }
  32       a, a:visited {
  33         background-color:#fff;
  34         border-left:1px dashed #ddd;
  35         border-right:1px dashed #ddd;
  36         border-top:1px dashed #ddd;
  37         color:#369;
  38         margin-right:0.5em;
  39         padding:0pt 1em;
  40       }
  41       a:hover, a:active {
  42         background-color:#ddd;
  43         color:#369;
  44       }
  45       .selected a, .selected a:visited, .selected a:hover {
  46         background-color:#FFFFFF;
  47         border-color:#ddd rgb(221, 221, 221) rgb(255, 255, 255);
  48         border-style:solid;
  49         border-width:2px 2px 3px;
  50         color:#336699;
  51       }
  52       -->
  53                 </style>
  54
  55                 <script type="text/javascript" language="javascript" charset="utf-8" src="epoz_script_detect.js"></script>
  56                 <script type="text/javascript" language="javascript" charset="utf-8" src="javascript_events_api.js"></script>
  57                 <script type="text/javascript">
  58                 // <!--
  59                   var tabs = [];
  60                   function initTabs() {
  61                     var pluginPath = window.parent.pluginPath;
  62
  63                     tabs = document.getElementsByTagName('a');
  64                     tabs[0].href = pluginPath + 'dialog/embedded_images.html';
  65                     tabs[1].href = window.parent.editor.config.filebrowserImageBrowseUrl;
  66                     addListener(document, 'click', updateTabs)
  67                   };
  68                   addListener(window, 'load', initTabs);
  69
  70                   function updateTabs(evt) {
  71                     var t = getTargetedObject(evt);
  72                     if (t.tagName == 'A') {
  73                     for (var i=0 ; i<tabs.length ; i++) {
  74                       if (t == tabs[i])
  75                         tabs[i].parentNode.className = 'selected';
  76                       else
  77                         tabs[i].parentNode.className = '';
  78                     }
  79                     t.blur();
  80                     }
  81                   }
  82                 // -->
  83                 </script>
  84         </head>
  85
  86         <body>
  87     <ul>
  88       <li class="selected"><a href="." target="main">Images du document</a></li>
  89       <li><a href="." target="main">Images du site</a></li>
  90     </ul>
  91   </body>
  92 </html>
  93