Changeset 23851

Timestamp:

03/29/2013 06:42:54 AM (13 years ago)

Author:

markjaquith

Message:

Defer JS to document ready

File:

• trunk/wp-admin/js/post-formats.js (modified) (1 diff)

trunk/wp-admin/js/post-formats.js

@@ -3 +3 @@
 (function($) {
     var mediaFrame, lastMimeType, lastMenu, mediaPreview;
+    $(function(){
+        // Post formats selection
+        $('.post-format-options a').on( 'click', function(e){
+            var $this = $(this), editor, body,
+                parent = $this.parent(),
+                format = $this.data('wp-format'),
+                container = $('#post-body-content'),
+                description = $('.post-format-description');
 
-    // Post formats selection
-    $('.post-format-options a').on( 'click', function(e){
-        var $this = $(this), editor, body,
-            parent = $this.parent(),
-            format = $this.data('wp-format'),
-            container = $('#post-body-content'),
-            description = $('.post-format-description');
+            parent.find('a.active').removeClass('active');
+            $this.addClass('active');
+            $('#icon-edit').removeClass(postFormats.currentPostFormat).addClass(format);
+            $('#post_format').val(format);
 
-        parent.find('a.active').removeClass('active');
-        $this.addClass('active');
-        $('#icon-edit').removeClass(postFormats.currentPostFormat).addClass(format);
-        $('#post_format').val(format);
+            container.get(0).className = container.get(0).className.replace( /\bwp-format-[^ ]+/, '' );
+            container.addClass('wp-format-' + format);
+            $('#title').focus();
 
-        container.get(0).className = container.get(0).className.replace( /\bwp-format-[^ ]+/, '' );
-        container.addClass('wp-format-' + format);
-        $('#title').focus();
+            // Update description line
+            description.html($this.data('description'));
 
-        // Update description line
-        description.html($this.data('description'));
+            if (description.not(':visible'))
+                description.slideDown('fast');
 
-        if (description.not(':visible'))
-            description.slideDown('fast');
+            if ( typeof tinymce != 'undefined' ) {
+                editor = tinymce.get('content');
 
-        if ( typeof tinymce != 'undefined' ) {
-            editor = tinymce.get('content');
+                if ( editor ) {
+                    body = editor.getBody();
+                    body.className = body.className.replace( /\bpost-format-[^ ]+/, '' );
+                    editor.dom.addClass( body, 'post-format-' + format );
+                }
+            }
 
-            if ( editor ) {
-                body = editor.getBody();
-                body.className = body.className.replace( /\bpost-format-[^ ]+/, '' );
-                editor.dom.addClass( body, 'post-format-' + format );
-            }
-        }
+            postFormats.currentPostFormat = format;
 
-        postFormats.currentPostFormat = format;
-
-        e.preventDefault();
-    }).on('mouseenter focusin', function () {
-        $('.post-format-tip').html( $(this).prop('title') );
-    }).on('mouseleave focusout', function () {
-        $('.post-format-tip').html( $('.post-format-options a.active').prop('title') );
-    });
-
-    // Media selection
-    $('.wp-format-media-select').click(function (event) {
-        event.preventDefault();
-        var $el = $(this), $holder, $field, mime = 'image', menu = '',
-            $holder = $el.closest('.wp-format-media-holder'),
-            $field = $( '#wp_format_' + $holder.data('format') );
-
-        switch ( $holder.data('format') ) {
-            case 'audio':
-                mime = 'audio';
-                break;
-            case 'video':
-                mime = 'video';
-                break;
-        }
-
-        // If the media frame already exists, reopen it.
-        if ( mediaFrame && lastMimeType === mime && lastMenu === menu ) {
-            mediaFrame.open();
-            return;
-        }
-
-        lastMimeType = mime;
-        lastMenu = menu;
-
-        // Create the media frame.
-        mediaFrame = wp.media.frames.formatMedia = wp.media({
-            // Set the title of the modal.
-            title: $el.data('choose'),
-
-            // Set the menu sidebar of the modal, if applicable
-            toolbar: menu,
-
-            // Tell the modal to show only items matching the current mime type.
-            library: {
-                type: mime
-            },
-
-            // Customize the submit button.
-            button: {
-                // Set the text of the button.
-                text: $el.data('update')
-            }
+            e.preventDefault();
+        }).on('mouseenter focusin', function () {
+            $('.post-format-tip').html( $(this).prop('title') );
+        }).on('mouseleave focusout', function () {
+            $('.post-format-tip').html( $('.post-format-options a.active').prop('title') );
         });
 
-        mediaPreview = function (format, url, mime) {
-            $('#' + format + '-preview').remove();
-            $holder.parent().prepend( '<div id="' + format + '-preview" class="wp-format-media-preview">' +
-                '<' + format + ' class="wp-' + format + '-shortcode" controls="controls" preload="none">' +
-                    '<source type="' + mime + '" src="' + url + '" />' +
-                '</' + format + '></div>' );
-            $('.wp-' + format + '-shortcode').mediaelementplayer();
-        };
+        // Media selection
+        $('.wp-format-media-select').click(function (event) {
+            event.preventDefault();
+            var $el = $(this), $holder, $field, mime = 'image', menu = '',
+                $holder = $el.closest('.wp-format-media-holder'),
+                $field = $( '#wp_format_' + $holder.data('format') );
 
-        // When an image is selected, run a callback.
-        mediaFrame.on( 'select', function () {
-            // Grab the selected attachment.
-            var attachment = mediaFrame.state().get('selection').first(), mime, url, id;
+            switch ( $holder.data('format') ) {
+                case 'audio':
+                    mime = 'audio';
+                    break;
+                case 'video':
+                    mime = 'video';
+                    break;
+            }
 
-            id = attachment.get('id');
-            url = attachment.get('url');
-            mime = attachment.get('mime');
+            // If the media frame already exists, reopen it.
+            if ( mediaFrame && lastMimeType === mime && lastMenu === menu ) {
+                mediaFrame.open();
+                return;
+            }
 
-            if ( 0 === mime.indexOf('audio') ) {
-                $field.val(url);
-                // show one preview at a time
-                mediaPreview('audio', url, mime);
-            } else if ( 0 === mime.indexOf('video') ) {
-                $field.val(url);
-                // show one preview at a time
-                mediaPreview('video', url, mime);
-            } else {
-                // set the hidden input's value
-                $field.val(id);
-                // Show the image in the placeholder
-                $el.html('<img src="' + url + '" />');
-                $holder.removeClass('empty').show();
-            }
+            lastMimeType = mime;
+            lastMenu = menu;
+
+            // Create the media frame.
+            mediaFrame = wp.media.frames.formatMedia = wp.media({
+                // Set the title of the modal.
+                title: $el.data('choose'),
+
+                // Set the menu sidebar of the modal, if applicable
+                toolbar: menu,
+
+                // Tell the modal to show only items matching the current mime type.
+                library: {
+                    type: mime
+                },
+
+                // Customize the submit button.
+                button: {
+                    // Set the text of the button.
+                    text: $el.data('update')
+                }
+            });
+
+            mediaPreview = function (format, url, mime) {
+                $('#' + format + '-preview').remove();
+                $holder.parent().prepend( '<div id="' + format + '-preview" class="wp-format-media-preview">' +
+                    '<' + format + ' class="wp-' + format + '-shortcode" controls="controls" preload="none">' +
+                        '<source type="' + mime + '" src="' + url + '" />' +
+                    '</' + format + '></div>' );
+                $('.wp-' + format + '-shortcode').mediaelementplayer();
+            };
+
+            // When an image is selected, run a callback.
+            mediaFrame.on( 'select', function () {
+                // Grab the selected attachment.
+                var attachment = mediaFrame.state().get('selection').first(), mime, url, id;
+
+                id = attachment.get('id');
+                url = attachment.get('url');
+                mime = attachment.get('mime');
+
+                if ( 0 === mime.indexOf('audio') ) {
+                    $field.val(url);
+                    // show one preview at a time
+                    mediaPreview('audio', url, mime);
+                } else if ( 0 === mime.indexOf('video') ) {
+                    $field.val(url);
+                    // show one preview at a time
+                    mediaPreview('video', url, mime);
+                } else {
+                    // set the hidden input's value
+                    $field.val(id);
+                    // Show the image in the placeholder
+                    $el.html('<img src="' + url + '" />');
+                    $holder.removeClass('empty').show();
+                }
+            });
+
+            mediaFrame.open();
         });
-
-        mediaFrame.open();
     });
 })(jQuery);