5 <script type="text/javascript" src="{{$baseurl}}/library/tinymce/jscripts/tiny_mce/tiny_mce_popup.js"></script>
7 .panel_wrapper div.current{.overflow: auto; height: auto!important; }
8 .filebrowser.path { font-family: fixed; font-size: 10px; background-color: #f0f0ee; height:auto; overflow:auto;}
9 .filebrowser.path a { border-left: 1px solid #C0C0AA; background-color: #E0E0DD; display: block; float:left; padding: 0.3em 1em;}
10 .filebrowser ul{ list-style-type: none; padding:0px; }
11 .filebrowser.folders a { display: block; padding: 0.3em }
12 .filebrowser.folders a:hover { background-color: #f0f0ee; }
13 .filebrowser.files.image { overflow: auto; height: auto; }
14 .filebrowser.files.image img { height:100px;}
15 .filebrowser.files.image li { display: block; padding: 5px; float: left; }
16 .filebrowser.files.image span { display: none;}
17 .filebrowser.files.file img { height:16px; vertical-align: bottom;}
18 .filebrowser.files a { display: block; padding: 0.3em}
19 .filebrowser.files a:hover { background-color: #f0f0ee; }
20 .filebrowser a { text-decoration: none; }
23 var FileBrowserDialogue = {
25 // Here goes your code for setting your custom things onLoad.
27 mySubmit : function (URL) {
28 //var URL = document.my_form.my_field.value;
29 var win = tinyMCEPopup.getWindowArg("window");
31 // insert information now
32 win.document.getElementById(tinyMCEPopup.getWindowArg("input")).value = URL;
34 // are we an image browser
35 if (typeof(win.ImageDialog) != "undefined") {
36 // we are, so update image dimensions...
37 if (win.ImageDialog.getImageData)
38 win.ImageDialog.getImageData();
40 // ... and preview if necessary
41 if (win.ImageDialog.showPreviewImage)
42 win.ImageDialog.showPreviewImage(URL);
50 tinyMCEPopup.onInit.add(FileBrowserDialogue.init, FileBrowserDialogue);
57 <li class="current"><span>FileBrowser</span></li>
60 <div class="panel_wrapper">
62 <div id="general_panel" class="panel current">
63 <div class="filebrowser path">
64 {{foreach $path as $p}}<a href="{{$p.0}}">{{$p.1}}</a>{{/foreach}}
66 <div class="filebrowser folders">
68 {{foreach $folders as $f}}<li><a href="{{$f.0}}/">{{$f.1}}</a></li>{{/foreach}}
71 <div class="filebrowser files {{$type}}">
73 {{foreach $files as $f}}
74 <li><a href="#" onclick="FileBrowserDialogue.mySubmit('{{$f.0}}'); return false;"><img src="{{$f.2}}"><span>{{$f.1}}</span></a></li>
80 <div class="mceActionPanel">
81 <input type="button" id="cancel" name="cancel" value="{{$cancel}}" onclick="tinyMCEPopup.close();" />