Question

I know this is a bit of a bizarre one, but I am using Cufon on one of my pages, but I need to be able to turn it off for all elements if the user presses a button.

Now I was hoping there would be like a Cufon.Reset(selector) or something, but I couldnt find anything, so is there any way to turn Cufoned text back into standard text without refreshing the page?

Answer 1

var RemoveCufon = function (selector) {
    $(selector).each(function (index, element) { $(element).text(BuildCufonTextString(element)); });
};

var BuildCufonTextString = function (parent) {
    var elementText = "";
    $("cufon cufontext", parent).each(function (index, element) { elementText += $(element).text(); });
    return $.trim(elementText);
};

Here is a manual way of doing it which works, but would like to know of anything simpler…