Support Forum

Start Upload Button Not Working on Image/File Uploader

ML Maria Lehman
Maria Lehman
Member

Hi,

I have a problem where I just installed the latest version (V5) of Simple:Press and the Image/File Uploader Plugin. All seems to be working great, except for the “Start Upload” button. When I click on it, nothing happens. But when I hover over it it says “Using Runtime html5”. 

I can use the “Add Images” button fine. It allows me to drag/drop images or browse for them without any problem. I just can’t seem to get the “Start Upload” button to work. 

Also, the buttons do not appear as “buttons” in look. They rather look like text, not buttons.

Please advise on best way to fix this. I really need my wordpress theme, and plugins installed. So, I need a resolution that makes them all work together.

Also — my wordpress theme is: “Flexform” a paid theme from Theme Forest.

Please advise on how to resolve this. Thanks in advance! 

19 Answers

New Answer

MP Mr Papa
Mr Papa
Member

do you have a link?

which browser?  have you tried a couple?

some themes have begun using bootstrp js library which is known to conflict with jquery ui that WordPress loads – hopefully not another theme stomping wp…

ML Maria Lehman
Maria Lehman
Member

The problem is occurring in all browsers: IE/Firefox/Chrome.

My forum is behind a Wishlist Member wall. What is the best way to give you a username and password so you can access the forum?

MP Mr Papa
Mr Papa
Member

send a pm to both yellow swordfish and myself… be sure to link back to this topic so we know what the pm is in regards too…

ML Maria Lehman
Maria Lehman
Member

I sent both you and yellow swordfish the login info.

MP Mr Papa
Mr Papa
Member

yeah, unfortunately, another theme trying to dash the hopes of wp… loading bootstrap which is known to conflict with jquery ui that wp loads…no clue why some themes choose to do this crap…

so basically, we need to edit the flexform theme and force the bootstrap.min.js load to occur AFTER the jquery ui load from wp so it doesnt stomp all over the jquery ui stuff…

if you can find where these are loaded in your theme, we can help correct the theme problems…

ML Maria Lehman
Maria Lehman
Member

Ok — so, what should I look for? How can I find the place where the bootstrap.min.js loads? Is that what I need to do first?

YS Yellow Swordfish
Yellow Swordfish
Member

That’s right. I would look in the WordPress theme functions.php file to begin with – that is the most common place – or at least it should be.

You will probably fund references to the functions wp_register_script() and wp_enqueue_script() and these should have the bootstrap call. If you find them there then copy and paste them to this thread so we can see what you have got.

ML Maria Lehman
Maria Lehman
Member

Ok — This is what I found. I hope it helps:

 

function sf_enqueue_scripts() {

wp_register_script(‘sf-bootstrap-js’, get_template_directory_uri() . ‘/js/bootstrap.min.js’, ‘jquery’, NULL, TRUE);
wp_register_script(‘sf-flexslider’, get_template_directory_uri() . ‘/js/jquery.flexslider-min.js’, ‘jquery’, NULL, TRUE);
wp_register_script(‘sf-isotope’, get_template_directory_uri() . ‘/js/jquery.isotope.min.js’, ‘jquery’, NULL, TRUE);
wp_register_script(‘sf-hoverIntent’, get_template_directory_uri() . ‘/js/jquery.hoverIntent.min.js’, ‘jquery’, NULL, TRUE);
wp_register_script(‘sf-easing’, get_template_directory_uri() . ‘/js/jquery.easing.1.3.js’, ‘jquery’, NULL, TRUE);
wp_register_script(‘sf-carouFredSel’, get_template_directory_uri() . ‘/js/jquery.carouFredSel-6.2.0-packed.js’, ‘jquery’, NULL, TRUE);
wp_register_script(‘sf-prettyPhoto’, get_template_directory_uri() . ‘/js/jquery.prettyPhoto.js’, ‘jquery’, NULL, TRUE);
wp_register_script(‘sf-viewjs’, get_template_directory_uri() . ‘/js/view.min.js?auto’, ‘jquery’, NULL, TRUE);
wp_register_script(‘sf-fitvids’, get_template_directory_uri() . ‘/js/jquery.fitvids.js’, ‘jquery’, NULL , TRUE);
wp_register_script(‘sf-maps’, ‘http://maps.google.com/maps/api/js?sensor=false’, ‘jquery’, NULL, TRUE);
wp_register_script(‘sf-respond’, get_template_directory_uri() . ‘/js/respond.min.js’, ‘jquery’, NULL, TRUE);
wp_register_script(‘sf-twitter-widgets’, ‘//platform.twitter.com/widgets.js’, NULL, NULL, TRUE);
wp_register_script(‘sf-functions’, get_template_directory_uri() . ‘/js/functions.js’, ‘jquery’, NULL, TRUE);

wp_enqueue_script(‘jquery’);
wp_enqueue_script(‘sf-bootstrap-js’);
wp_enqueue_script(‘sf-hoverIntent’);
wp_enqueue_script(‘sf-easing’);
wp_enqueue_script(‘sf-flexslider’);
wp_enqueue_script(‘sf-prettyPhoto’);
wp_enqueue_script(‘sf-viewjs’);
wp_enqueue_script(‘sf-fitvids’);
wp_enqueue_script(‘sf-respond’);

if (!is_admin()) {
wp_enqueue_script(‘sf-functions’);
}

if (is_singular()) {
wp_enqueue_script(‘comment-reply’);
}

}

add_action(‘wp_enqueue_scripts’, ‘sf_enqueue_scripts’);

function sf_admin_scripts() {
wp_register_script(‘admin-functions’, get_template_directory_uri() . ‘/js/sf-admin.js’, ‘jquery’, ‘1.0’, TRUE);
wp_enqueue_script(‘admin-functions’);
}
add_action(‘admin_init’, ‘sf_admin_scripts’);

 

——- and —–

function sf_admin_scripts() {
wp_register_script(‘admin-functions’, get_template_directory_uri() . ‘/js/sf-admin.js’, ‘jquery’, ‘1.0’, TRUE);
wp_enqueue_script(‘admin-functions’);
}
add_action(‘admin_init’, ‘sf_admin_scripts’);

YS Yellow Swordfish
Yellow Swordfish
Member

You see these two lines:

wp_enqueue_script(‘jquery’);
wp_enqueue_script(‘sf-bootstrap-js’);

Can you try reversing them so that the bootstrap runs first? See if that alters anything or breaks anything!

ML Maria Lehman
Maria Lehman
Member

I switched the two lines so the bootstrap runs first. I don’t think anything is broken. All seems to be working ok. But I still have the problem with the “Start Upload” button within the forum.

MP Mr Papa
Mr Papa
Member

No, that wont do it… its jquery ui that needs to load after bootstrap… and right now, doesnt look like your theme is loading it…  so we can add it and just make a dependency… so something like

wp_enqueue_script(‘jquery-ui-core’, ”, array(‘jquery’, ‘sf-bootstrap-js’), ”, true);

put it at the end of the wp enqueue statements…

ML Maria Lehman
Maria Lehman
Member

I added that line of code at the end of the enqueue statements.

Still, the problem remains. I can’t get the “Start Upload” button to work.

YS Yellow Swordfish
Yellow Swordfish
Member

Is there any caching at work? WP caching plugins? Or simply the browser caching?

ML Maria Lehman
Maria Lehman
Member

No, there is no caching at work. No caching plugins and I checked the forum on a different computer and cleared browser cache on my computer — and still, the “Start Upload” button doesn’t work.