Sometimes the interface works just fine, sometimes only some parts of it appear to fail and other times every script feature stops working i.e. hidden dialogue div’s become visible or the main navigation stops working. A behaviour I find very strange is that jQuery UI features break at random places each time it happens. Not as if a specific implementation of a jQuery UI function is causing the problem but almost like something just gives up on loading script.

What could cause such a random behaviour?

The main navigation is a tab menu, sometimes it is the only thing that does not operate while the other features on the default tab page seem to work. It is an issue I don’t have the experience to fix.

Here is a screenshot of Google Chrome JavaScript Console, the error tells me nothing as I’ve only just learned the basics recently…

Possible Cause?

The only thing I can think of is that script files are being loaded in the wrong order. However the loading order was never changed before the problem started. Is it the case that jquery-ui is being loaded before jquery-1.7.1.js or does the order of the files in this message mean nothing?

Call Method Apply

Turns out there is an another error, never both at the same time so far. The first screen-shot results in most jQuery UI features not loading and this new one is what breaks my applications interface from one point onwards. So I can have many working pages then find a single tab/page that has broken features. Everything after that feature is also broken.

Some Work Some Don’t

Here is an example of the bug causing one of three radio buttons to be styled, when all three are meant to be styled the same. There is also a blue notice, that is meant to be hidden and part of jQuery UI dialogue box. After the blue notice, there are many buttons styled as they are meant to be.

Google Chrome More Than Firefox

I have just run more tests aimed at confirming how the interface turns out in Chrome and Firefox. The faults happen constantly in Chrome but I can’t actually get them to happen in Firefox, but I’m sure I did see it happen a couple of days back. I need to be sure when it happened in Firefox it was not a result of debugging attempts. Until then, the plugin can be used just fine in Firefox.

Has Google Chrome recently changed in some way to prevent proper loading of my scripts? I will need to considering changing the source of my files, ensure none are using Google.

You interact with a form and “-1″ is displayed where you expect a message to be displayed, after a short Ajax processing moment.

Possible Causes

1. You may not be logged into WordPress. Your session may have expired and although you can see the plugin page you are working on, attempting too go to any other Administration page will result in being taking too the login screen.
2. Unexpected value being passed too the function that processes the Ajax request. Although this would technically be a bug, please ensure you are entering the expected values for the form fields provided. Then seek support if you continue to experience problems.

• It is importing data in a multi-file format
• User can import some data at a time
• User can import any rows from any file in any order
• The data is merged into one database table, even in a multiple file project (which I actually Data Import Jobs now)

Those are just some of what the plugin does. Much interface work has been done, it looks like a finished plugin. Much of the back end work (processing functions) has been done and just needs put into use with form processing (some of which is handled by WordPress Ajax). Features come quick from here on because must of the code is written or previous methods can be adapted at least.

I have a lot of work ahead of me this year that is for sure but it is the challenge I set myself so it is one I easily enjoy. Do not worry, development has never stopped and will not. I simply had a lot more to learn than I initially thought.

Twitter

Tweeted updates will increase now, that is another small job done. I installed a twitter plugin on this site today.

I recently decided to put even more jQuery UI and Ajax into WordPress CSV Importer as I already planned. As I work on the plugin I feel it becoming easier and easier to use with more scripting. This is especially true while testing when I need to re-create a project over and over again. The quick controls I’m putting in place allow all the required project settings to be applied in half of the time Easy CSV Importer did and there is far more intuative information appearing on the page to help guide or explain more than Easy CSV Importer does.

Considered File Uploaders

www.pixelcone.com (winner)

This is the winner for me and WordPress CSV Importer when it comes to uploading CSV files. I look forward to donating to the author when sales for my plugin come in. It uses much of the standard jQuery UI themes and so does my plugin. It is highly suitable for uploading any file type but more so for a form that is not designed to handle image files. However I say that not knowing the full extent to which it can be customized through options. Click Here to view the demo uploader on the authors website.

www.swfupload.org

This is not a file uploader I plan to use in this plugin however it did initially catch my eye. The demo styling looks good and the options available allow a lot more customizing in quick time than most I’ve looked at. This one is being noted for my future needs, possibly other plugins. Click Here to view one of the many demos.

Blue Imp at www.github.com

A very nice demo, it instantly grabs your attention and the controls in the example are attractive. This is a file uploader I plan to use for image uploading because it shows a preview of the image. That is something the uploader by Pixel Cone does not do from what I could see in the documentation at least. I feel when it comes to multimedia, the tools and controls available should stand out from the rest of the theme. The demo for this uploader offers that in comparison to most jQuery UI themes which WordPress CSV Importer uses. My reason for wanting such controls to stand out is because of the large workload multimedia often comes with and controls that ignore the theme which they are built into will offer an easier to understand interface. Maybe a little more enjoyable to use also. Click Here to view the demo.

www.fyneworks.com

This is a very basic uploader, using a single button and very few actions. I’ve not used it so I am just talking about the demo. A basic uploader is not to be ignored. This one is suitable for restricted space on the page, the options are simply to understand, add and change. This would be a good choice for anyone who wants to work on styling from scratch or work it into an existing custom style. Click Here to view the demo.

WordPress Plugin Drag Drop File Uploader

If you discovered this page while looking for a solution for WordPress you may want to look at this plugin. It uses the latest techniques to deliver a solution that works on all browsers. I never had a chance to look at the code but I suspect it is worth talking to the author about if you want to use it. If my selected file uploader for WordPress CSV Importer goes all wrong especially in the area of browser compatibility I will be interested in contacting this author to integrate the uploader with their help or hire them. If anyone uses both my plugin and Drag Drop File Uploader and has opinion on this please comment below. View the plugin page on WordPress here.