Bind to WPSetAsThumbnail

3 comments

1. Yes, on your 2nd question 🙂

   From what I saw in set-post-thumbnail.dev.js, it appears that you only need to add a link/anchor with the wp-post-thumbnail class on it in your quick edit screen.

   And you will get the image faded inside that link when the ajax request completes.

   For alerting “bacon” after the ajax completes, this might work:

   $('a.wp-post-thumbnail').ajaxComplete(function() {
     alert('bacon');
   });
   

   ---

   The ajaxComplete approach:

   jQuery(document).ready(function($){
   
     $('a.wp-post-thumbnail').ajaxComplete(function(event, XMLHttpRequest, ajaxOptions) {
   
       // the image should be here
       // use something like $(XMLHttpRequest.responseText).find('img')
       console.log(XMLHttpRequest.responseText);
   
     });
   
   });
   

   You might need to check which ajax request this is, do console.logs for all arguments and search of the property that holds the ajax action name, which should be “set_post_thumbnail” or something…

   Log in to Reply

2. Answering to this:

   […] what if i wanted to do something else with it? could i make it alert(‘bacon’) after the thumbnail is set via ajax?

   add_action( 'wp_ajax_set-post-thumbnail', 'wpse_35588_ajax_set_post_thumbnail' , 0 );
   
   function wpse_35588_ajax_set_post_thumbnail() {
       $post_ID = intval( $_POST['post_id'] );
       if ( !current_user_can( 'edit_post', $post_ID ) )
           wp_die( -1 );
       $thumbnail_id = intval( $_POST['thumbnail_id'] );
       check_ajax_referer( "set_post_thumbnail-$post_ID" );
   
       if ( $thumbnail_id == '-1' ) {
           if ( delete_post_thumbnail( $post_ID ) )
               wp_die( _wp_post_thumbnail_html( null, $post_ID ) );
           else
               wp_die( 0 );
       }
   
       ?>
           <script type="text/javascript">alert('bacon!');</script>
       <?php
   
       if ( set_post_thumbnail( $post_ID, $thumbnail_id ) )
           wp_die( _wp_post_thumbnail_html( $thumbnail_id, $post_ID ) );
   
       wp_die( 0 );
   }
   

   If we do this, instead of bacon, we close the ThickBox window 🙂

   jQuery('#TB_closeWindowButton').click();
   

   ---

   Check this Q&A for more details:
   How to Reload the Dashboard After Clicking Update in Quick-Edit?

   Log in to Reply

3. In the end I found that I could not bind or trigger this action. I had to duplicate it as follows with the javascript and then an ajax callback.

   Javascript:

   function PrismSetAsThumbnail(id, nonce){  
       var $link = jQuery('a#wp-post-thumbnail-' + id);
   
       $link.text( setPostThumbnailL10n.saving );
       jQuery.post(ajaxurl, {
           action:"prism_set_thumbnail", post_id: post_id, thumbnail_id: id, _ajax_nonce: nonce, cookie: encodeURIComponent(document.cookie)
       }, function(str){
           var win = window.dialogArguments || opener || parent || top;  
           $link.text( setPostThumbnailL10n.setThumbnail );
           if ( str == '0' ) {
               alert( setPostThumbnailL10n.error );
           } else {
               jQuery('a.wp-post-thumbnail').show();
               $link.text( setPostThumbnailL10n.done );
               $link.fadeOut( 2000 );
   
               //display new thumbnail in the columns w/o refresh
               jQuery('#post-'+win.post_id + ' .postimagediv a', win.parent.document).html(str).fadeIn();
   
               //if successful close thickbox
               win.parent.tb_remove();
           } 
       }
       );
   }
   

   Ajax Callback:

     //add callback for custom version of set thumbnail
     add_action('wp_ajax_prism_set_thumbnail', 'kia_set_thumbnail_callback');
   
     // the function name must match the above passed name
     function kia_set_thumbnail_callback(){
   
       $post_ID = intval( $_POST['post_id'] );
       if ( !current_user_can( 'edit_post', $post_ID ) )
           die( '-1' );
       $thumbnail_id = intval( $_POST['thumbnail_id'] );
   
       check_ajax_referer( "set_post_thumbnail-$post_ID" );
   
       if ( $thumbnail_id == '-1' ) {
           if ( delete_post_thumbnail( $post_ID ) )
               die( _wp_post_thumbnail_html() );
           else
               die( '0' );
       }
   
       if ( set_post_thumbnail( $post_ID, $thumbnail_id ) )
           $msg = get_the_post_thumbnail( $post_ID, array(35,35));
           die($msg);
       die( '0' );
   }
   

   Log in to Reply