4beb51aa76793a952c445489e03821aed5c4bbea
[ckeditor.git] / 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 FCKPlugins = window.parent.FCKPlugins;
62
63 tabs = document.getElementsByTagName('a');
64 tabs[0].href = FCKPlugins.Items['image'].Path + 'embedded_images.html';
65 tabs[1].href = window.parent.FCKConfig.ImageBrowserURL;
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