Support

August 28, 2012 at 1:41 pm

Thanks for the reply, but still no resolution yet. I’ve been through the admin with firebug a few times now and disabled every external script called by the theme leaving just the basic WP essentials, but still no joy. That insert image box just hangs there and doesn’t do anything.

ThemeChecker revealed a number of things that the original developer left behind, but nothing that looked like it would interfere with the plugin function.

It’s really starting to feel like a square peg in a round hole, and I’m not sure where to turn next. I hate the thought of abandoning the project as I already have quite a bit of time invested and still unable to get it running properly with this theme. Any other ideas or assistance would be greatly appreciated.

Thanks

August 28, 2012 at 4:48 pm

Thanks for those tips!! I’m getting closer!!

The offending JS file in this theme is meta-box.js

JS Code:

jQuery(document).ready(function($) {



/** General metabox functions **/



// metabox checkbox styling

$('#side-sortables .rw-label').each(function() {

    var el = $(this);

    el.next('.rw-field:has(.rw-checkbox)').prev(el).addClass('rw-label-eracheck');

    $('.rw-label-eracheck').next('.rw-field').css('width', '32%');

});



// era metabox tooltips

$('.rw-field').each(function() {

    var t = $(this).find('div.desc-tooltip').remove(),

        ttext = t.html();



    $(this).parent().append(''+ttext+'');

    $('div.tooltip-icon').hover(function() {

        $(this).next('div.tooltip').fadeIn(200);

    }, function() {

        $(this).next('div.tooltip').fadeOut(200);

    });

});



// colorpicker field

$('.rw-color-picker').each(function(){

    var $this = $(this),

        id = $this.attr('rel');



    $this.farbtastic('#' + id);

});

$('.rw-color-select').click(function(){

    $(this).siblings('.rw-color-picker').toggle();

    return false;

});



// thickbox upload

$('.rw-upload-button').click(function(){

    var data = $(this).attr('rel').split('|'),

        post_id = data[0],

        field_id = data[1],

        backup = window.send_to_editor;     // backup the original 'send_to_editor' function which adds images to the editor



    // change the function to make it adds images to our section of uploaded images

    window.send_to_editor = function(html) {

        $('#rw-images-' + field_id).append($(html));



        tb_remove();

        window.send_to_editor = backup;

    };



    // note that we pass the field_id and post_id here

    tb_show('', 'media-upload.php?post_id=' + post_id + '&field_id=' + field_id + '&type=image&TB_iframe=true');



    return false;

});



// single image upload

window.formfield = '';

$('.era-upload-single-image').live('click', function() {

    window.formfield = $('.era-single-image', $(this).parent());

    tb_show('', 'media-upload.php?type=image&TB_iframe=true');

    return false;

});

window.original_send_to_editor = window.send_to_editor;

window.send_to_editor = function(html) {

    if (window.formfield) {

        imgurl = $('img', html).attr('src');

        window.formfield.val(imgurl);

        tb_remove();

    } else {

        window.original_send_to_editor(html);

    }

    window.formfield = '';

    window.imagefield = false;



    if($('.screenshot img').length) $('.screenshot img').attr('src', imgurl).css('display','block').next('a.remove').addClass('remove-on');

}



if($('.screenshot img').length) {

    $('.screenshot img').each(function() {

        var el = $(this);

        if(el.attr('src').length) {

            $(this).next('a.remove').addClass('remove-on');

        }

    });

    // Remove Uploaded Image

    $('.remove').live('click', function(event) { 

      $(this).parents('.rw-field').find('.era-single-image').attr('value', '');

      $(this).prev('img').fadeOut();

      $(this).removeClass('remove-on');

      event.preventDefault();

    });

}



// helper function

// get query string value by name, http://goo.gl/r0CH5

function get_query_var(name) {

    var match = RegExp('[?&]' + name + '=([^&#]*)').exec(location.href);



    return match && decodeURIComponent(match[1].replace(/\+/g, ' '));

}

The file calling it is metabox-class.php with this:
PHP Code:

// Load common js, css files for the script
function js_css() {
    $path = dirname(__FILE__); // get the path to the directory of current file

    // get URL of the directory of current file
    $base_url = ERA_THEME_URI . '/assets/theme_options/options/';

    wp_enqueue_style('rw-meta-box', $base_url . 'css/meta-box.css');
    wp_enqueue_script('rw-meta-box', $base_url . 'js/meta-box.js', array('jquery'), null, true);
}

I can make the plugin function properly when I comment it out. Is there a better option to make it compatible? Thank goodness a light at the end of the tunnel maybe.

August 28, 2012 at 7:08 pm

OK, narrowing in further. It wasn’t the Thickbox function in the script.

Looks like this function is the one causing the problem:

JS Code:

if($('.screenshot img').length) {

    $('.screenshot img').each(function() {

        var el = $(this);

        if(el.attr('src').length) {

            $(this).next('a.remove').addClass('remove-on');

        }

    });

Any ideas?? I have yet to figure out this functions purpose. Commenting only this out seems to work, but I’m not sure where else it might be needed. Might just have to run with it and see what happens.