WordPress.org

Ready to get started?Download WordPress

Forums

Gallery Metabox
[resolved] Ajax refreshing of Gallery metabox (2 posts)

  1. zlajko
    Member
    Posted 2 years ago #

    Hi Bill,

    I added a feature to your Gallery Metabox plugin so it refresh the contents of metabox via Ajax when image is uploaded/deleted so you don't need to refresh the page.

    Here is my solution:

    <?php
    /*
    Plugin Name: Gallery Metabox
    Plugin URI: http://wordpress.org/extend/plugins/gallery-metabox/
    Description: Displays all the post's attached images on the Edit screen
    Author: Bill Erickson
    Version: 1.2
    Author URI: http://www.billerickson.net
    */
    
    /**
     * Translations
     *
     */
    function be_gallery_metabox_translations()
    {
    	load_plugin_textdomain( 'gallery-metabox', false, basename( dirname( __FILE__ ) ) . '/languages' );
    }
    add_action( 'init', 'be_gallery_metabox_translations' );
    
    /**
     * Add the Metabox
     *
     * @since 1.0
     * @author Bill Erickson
     */
    function be_gallery_metabox_add()
    {
    	// Filterable metabox settings.
    	$post_types = apply_filters( 'be_gallery_metabox_post_types', array( 'post', 'page') );
    	$context = apply_filters( 'be_gallery_metabox_context', 'normal' );
    	$priority = apply_filters( 'be_gallery_metabox_priority', 'high' );
    
    	// Loop through all post types
    	foreach( $post_types as $post_type )
    	{
    		// Get post ID
    		if( isset( $_GET['post'] ) ) $post_id = $_GET['post'];
    		elseif( isset( $_POST['post_ID'] ) ) $post_id = $_POST['post_ID'];
    		if( !isset( $post_id ) ) $post_id = false;
    
    		// Granular filter so you can limit it to single page or page template
    		if( apply_filters( 'be_gallery_metabox_limit', true, $post_id ) )
    			add_meta_box( 'be_gallery_metabox', __( 'Gallery Images', 'gallery-metabox' ), 'be_gallery_metabox', $post_type, $context, $priority );
    
    	}
    }
    add_action( 'add_meta_boxes', 'be_gallery_metabox_add' );
    
    /**
     * Build the Metabox
     *
     * @param object $post
     *
     * @since 1.0
     * @author Bill Erickson
     */
    function be_gallery_metabox( $post )
    {
    	$original_post = $post;
    
    	echo be_gallery_metabox_html($post->ID);
    
    	$post = $original_post;
    }
    
    /**
     * This function will add metabox contents via Ajax call. Function is called when an
     * attachment is edited, so we can add/remove image from metabox without refreshing the page.
     *
     * @param object $form_fields
     * @param object $post
     *
     * @author Zlatko Salbut
     *
     */
    function be_gallery_attachment_fields_to_edit($form_fields, $post)
    {
    	?>
    	<script type="text/javascript">
    	    // <![CDATA[
    	    jQuery.ajax({
    		    url: "<?php bloginfo('wpurl'); ?>/wp-admin/admin-ajax.php",
    		    type: "POST",
    		    data: "action=refresh_metabox&post_id=<?php echo $post->post_parent; ?>",
    		    success: function(res) {
    				jQuery('#be_gallery_metabox .inside', top.document).html(res);
    		    },
    		    error: function(request, status, error) {
    				alert("There was an error! Please try again.");
    		    }
    	   });
    	   // ]]>
        </script>
    	<?php
    	return $form_fields;
    }
    
    add_filter("attachment_fields_to_edit", "be_gallery_attachment_fields_to_edit", null, 2);
    
    /**
     * Ajax hook for refreshing contents of Gallery Metabox
     *
     * @return void
     *
     * @author Zlatko Salbut
     */
    function ajax_refresh_metabox()
    {
    	if (!empty($_POST['post_id']))
    	{
    	    die(be_gallery_metabox_html($_POST['post_id']));
        }
    }
    
    add_action('wp_ajax_refresh_metabox', 'ajax_refresh_metabox');
    
    /**
     * Returns the mark up of Gallery Metabox
     *
     * @return String Mark up of Gallery Metabox
     *
     * @author Bill Erickson
     */
    function be_gallery_metabox_html($post_id)
    {
    	$args = array(
    		'post_type' => 'attachment',
    		'post_status' => 'inherit',
    		'post_parent' => $post_id,
    		'post_mime_type' => 'image',
    		'posts_per_page' => '-1',
    		'order' => 'ASC',
    		'orderby' => 'menu_order',
    	);
    	$args = apply_filters( 'be_gallery_metabox_args', $args );
    
    	$intro = '<p><a href="media-upload.php?post_id=' . $post_id .'&type=image&TB_iframe=1&width=640&height=715" id="add_image" class="thickbox" title="'
    	. __( 'Add Image', 'gallery-metabox' ) . '">' . __( 'Upload Images', 'gallery-metabox' ) . '</a> | <a href="media-upload.php?post_id=' . $post_id
    	.'&type=image&tab=gallery&TB_iframe=1&width=640&height=715" id="manage_gallery" class="thickbox" title="' . __( 'Manage Gallery', 'gallery-metabox' )
    	. '">' . __( 'Manage Gallery', 'gallery-metabox' ) . '</a></p>';
    	$res = apply_filters( 'be_gallery_metabox_intro', $intro );
    
    	$loop = new WP_Query( $args );
    	if( !$loop->have_posts() )
    		$res .= '<p>No images.</p>';
    
    	while( $loop->have_posts() ): $loop->the_post(); global $post;
    		$thumbnail = wp_get_attachment_image_src( $post->ID, apply_filters( 'be_gallery_metabox_image_size', 'thumbnail' ) );
    		$res .= '<img src="' . $thumbnail[0] . '" alt="' . get_the_title() . '" /> ';
    	endwhile; 
    
    	return $res;
    }
  2. Bill Erickson
    Member
    Plugin Author

    Posted 2 years ago #

    Thank you! I've just updated the plugin with your changes. It works great.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic