Commits

Owen Nelson  committed 6a8b79f

Got the functional equivalent to the tinymce integration with django-filebrowser as far as I can tell (refs #1)

  • Participants
  • Parent commits 24082e1

Comments (0)

Files changed (1)

File wmd/static/wmd/wmd.js

 top.WMDEditor = WMDEditor;
 
 ;(function($){
-        $('button.access_fb').live("click", function(){
-            // ajax calls to a filebrowser view go here ...
+        /*
+        This entire closure is cannibalized code taken from jquery.popupWindo.js
+        See: http://swip.codylindley.com/jquery.popupWindow.js
+        */
+        $(document).ready(function(){
+            var settings = {
+                centerBrowser:0, // center window over browser window? {1 (YES) or 0 (NO)}. overrides top and left
+                centerScreen:0, // center window over entire screen? {1 (YES) or 0 (NO)}. overrides top and left
+                height:320, // sets the height in pixels of the window.
+                left:0, // left position when the window appears.
+                location:0, // determines whether the address bar is displayed {1 (YES) or 0 (NO)}.
+                menubar:0, // determines whether the menu bar is displayed {1 (YES) or 0 (NO)}.
+                resizable:0, // whether the window can be resized {1 (YES) or 0 (NO)}. Can also be overloaded using resizable.
+                scrollbars:0, // determines whether scrollbars appear on the window {1 (YES) or 0 (NO)}.
+                status:0, // whether a status line appears at the bottom of the window {1 (YES) or 0 (NO)}.
+                width:820, // sets the width in pixels of the window.
+                windowName:null, // name of window set from the name attribute of the element that invokes the click
+                windowURL:null, // url used for the popup
+                top:0, // top position when the window appears.
+                toolbar:0 // determines whether a toolbar (includes the forward and back buttons) is displayed {1 (YES) or 0 (NO)}.
+		    };
+
+            var windowFeatures = 'height=' + settings.height +
+								 ',width=' + settings.width +
+								 ',toolbar=' + settings.toolbar +
+								 ',scrollbars=' + settings.scrollbars +
+								 ',status=' + settings.status +
+								 ',resizable=' + settings.resizable +
+								 ',location=' + settings.location +
+								 ',menuBar=' + settings.menubar;
+
+            $('button.access_fb').live('click', function(e){
+                console.log("caught click");
+
+                if ($.browser.msie) {//hacked together for IE browsers
+                            centeredY = (window.screenTop - 120) + ((((document.documentElement.clientHeight + 120)/2) - (settings.height/2)));
+                            centeredX = window.screenLeft + ((((document.body.offsetWidth + 20)/2) - (settings.width/2)));
+                }else{
+                    centeredY = window.screenY + (((window.outerHeight/2) - (settings.height/2)));
+                    centeredX = window.screenX + (((window.outerWidth/2) - (settings.width/2)));
+                }
+                window.open($(this).attr('goto'), $(this).attr('name'), windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();
+                return false;
+            });
         });
 })(jQuery);
 
-
 WMDEditor.defaults = { // {{{
     version: 2.0, 
     output_format:"markdown", 
         "<p style='margin-top: 0px'><b>Enter the image URL.</b></p>" + 
         "<p>You can also add a title, which will be displayed as a tool tip.</p>" +
         "<p>Example:<br />http://wmd-editor.com/images/cloud1.jpg   \"Optional title\"</p>" +
-        "<p><button class=\"access_fb\"><span>access filebrowser</span></button></p>",
+        "<p><button class=\"access_fb\" goto=\"/admin/filebrowser/browse/?pop=1&type=image\" name=\"filebrowser\"><span>access filebrowser</span></button></p>",
     
     linkDialogText: 
         "<p style='margin-top: 0px'><b>Enter the web address.</b></p>" +