Prepare!

Do you use Opera's filter.ini feature, or a HOSTS file to block certain content? Do you hate to see web pages rendered with large amounts of unused white-space when your filtering works? If so, then these pair of scripts may help.

As mentioned in my previous post, I use Opera's filter.ini feature. Because of this, Opera effectively blocks many third-party images, iframes, and JavaScripts. Effectively, this often results in large rectangular regions of unused white-space on websites that host advertisements. To compensate for this, I have developed a pair of User JS files that hide non-loaded images and iframes...


Download/view imgload.js

document.addEventListener("load",
        function(e) {
                var imgs = document.images;
                for (var i = 0, o; o = imgs[ i ]; i++) {
                        if (!o.complete) o.style.display = "none";
                }
        }, false);

-and-

Download/view iframeload.js

document.addEventListener("load",
        function(e) {
                var ifrms = document.getElementsByTagName("iframe");
                for (var i = 0, f; f = ifrms[ i ]; i++) {
                        // if (!f.location) f.style.display = "none"; // Version 1.0
                        if (!f.src) f.style.display = "none"; // Version 1.1
                }
        }, false);

As an added bonus to webpage readability, these scripts can also improve mouse gesture usability -- which don't work so well over blank/filtered-out inline frame elements.

Enjoy.

Update 2009/12/07 - Changed f.location to f.src in iframeload.js