Greasemonkey script to hide AJAXed content on Twitter

Question

I am trying to hide all the protected accounts in Twitter without luck. The code is working on other pages with different classes of course, like here in Stack Overflow, though.

It has to do with the Ajax, but how can I fire it after the Ajax is completed?

// ==UserScript==
// @name          Hide twitter locked accounts
// @namespace     
// @description   I want to rule the world
// @include       *
// @require      http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
// ==/UserScript==


$(document).ready(function() {
$('.stream-item-content:has(.protected-icon)').hide();
});

Answer 1

The most robust way to do this is to poll the page using an efficient interval-timer. This is also a lot easier in practice than intercepting and deciphering the AJAX calls.

Here's a script that does that, using my utility function "waitForKeyElements":

// ==UserScript==
// @name    Twitter: Hide protected accounts
// @include http://twitter.com/*
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
// ==/UserScript==

function HideProtectedAccounts (jNode) {

    jNode.hide();
}

waitForKeyElements ( 
    ".stream-item-content:has(.protected-icon)", 
    HideProtectedAccounts
);

/*--- waitForKeyElements():  A handy, utility function that
    does what it says.
*/
function waitForKeyElements (
    selectorTxt,    /* Required: The jQuery selector string that
                        specifies the desired element(s).
                    */
    actionFunction, /* Required: The code to run when elements are
                        found. It is passed a jNode to the matched
                        element.
                    */
    bWaitOnce,      /* Optional: If false, will continue to scan for
                        new elements even after the first match is
                        found.
                    */
    iframeSelector  /* Optional: If set, identifies the iframe to
                        search.
                    */
)
{
    var targetNodes, btargetsFound;

    if (typeof iframeSelector == "undefined")
        targetNodes     = $(selectorTxt);
    else
        targetNodes     = $(iframeSelector).contents ()
                                           .find (selectorTxt);

    if (targetNodes  &&  targetNodes.length > 0) {
        /*--- Found target node(s).  Go through each and act if they
            are new.
        */
        targetNodes.each ( function () {
            var jThis        = $(this);
            var alreadyFound = jThis.data ('alreadyFound')  ||  false;

            if (!alreadyFound) {
                //--- Call the payload function.
                actionFunction (jThis);
                jThis.data ('alreadyFound', true);
            }
        } );
        btargetsFound   = true;
    }
    else {
        btargetsFound   = false;
    }

    //--- Get the timer-control variable for this selector.
    var controlObj      = waitForKeyElements.controlObj  ||  {};
    var controlKey      = selectorTxt.replace (/[^\w]/g, "_");
    var timeControl     = controlObj [controlKey];

    //--- Now set or clear the timer as appropriate.
    if (btargetsFound  &&  bWaitOnce  &&  timeControl) {
        //--- The only condition where we need to clear the timer.
        clearInterval (timeControl);
        delete controlObj [controlKey]
    }
    else {
        //--- Set a timer, if needed.
        if ( ! timeControl) {
            timeControl = setInterval ( function () {
                    waitForKeyElements (    selectorTxt,
                                            actionFunction,
                                            bWaitOnce,
                                            iframeSelector
                                        );
                },
                200
            );
            controlObj [controlKey] = timeControl;
        }
    }
    waitForKeyElements.controlObj   = controlObj;
}

---

Notes:

1. This is for the main twitter site, right? If it's for a page with iFramed twitter content, adjust the parameters passed to waitForKeyElements, to match.

2. The key adjustables are the action function (HideProtectedAccounts, in this case) and the CSS selector(s) passed to waitForKeyElements.