Hi guys,

I've tried to fire off some JavaScript on edit page load, e.g. http://www.mysite.com/admin/pages/edit/show/123?locale=en_GB, like this:

(function($) {
    $(document).ready(function() {
        alert("I'm ready!!");
    });
})(jQuery);

But this only works when doing a full page load, not with the usual SilverStripe AJAX page loading, i.e. after selecting a page in the site tree view. The reason is documented here:

http://doc.silverstripe.org/en/developer_guides/customising_the_admin_interface/cms_architecture#ajax-loading-and-browser-history

But I was wondering if anyone knew a solution. My SilverStripe installation version is Framework: 3.1.8, CMS: 3.1.8. What is the appropriate event that will work with the AJAX page load?

Thanks,

First off, vanilla jquery is a bad idea.
See this section: http://doc.silverstripe.org/en/developer_guides/customising_the_admin_interface/cms_architecture#javascript-through-jquery-entwine

Secondly, probably onmatch.

More help: http://takeaway.bigfork.co.uk/a-beginners-introduction-to-using-entwine-in-silverstripe

Wow, thank you, Pyromanik. You helped me find the solution!

Sorry I didn't see your post for a while. I assumed I'd get an email update on this post by default as author - I didn't realise I had to subscribe.

This is the solution that worked for me in the end, in case anyone else finds it useful. Credit to Pyromanik.

(function($) {
    $.entwine(function($) {
        $('.my-custom-class').entwine({
            onmatch: function() {
                alert("I'm ready!!");
            }
        });
    });
})(jQuery);

I found that implementing this somewhat broke the previous full page loading method, however... well not really - you see - the code ran, but the styling on the page needed a refresh for some reason. Additionally adding in the required styling refresh on an ajaxComplete fixed this issue.

// Refresh on full page load to ensure handle displays
$(document).ajaxComplete(function() {
    $('.my-custom-class').css('...');
});