Overriding function in imglib.js

Question

My question is regarding a default SharePoint imglib script. The script is located in following folder: 14\TEMPLATE\LAYOUTS\1033\imglib.js

The script has a function called: GenerateFooterContent(f, g).

Basically i want to override this method, and do some other stuff instead of the current. Anyone has any idea how can i achieve that?

I've copied the whole function to my custom javascript file and i added it to the masterpage. But how can i say now that instead of default function my custom function should be used by the script?

On this Link there is similar problem, but no solution is provided.

So can anyone give me a hint how to solve the problem?

UPDATE:

function to modify: function GenerateNFooterContent(f, g) because it takes parameteres i have to call the above calling function

function ViewFooterScript() In this function i'll call the NEWGenerateNFooterContent

So here is the script which should override it, is it correct:

window.ViewFooterScript = function () {

    this.ViewFooterScript();
};

Althought it doesnt work.

Answer 1

Make sure you use the global object (window) when you override it, like this:

var oldGenerateFooterContent = window.GenerateFooterContent;
window.GenerateFooterContent = function() {
  console.log('Hello, world!');
  // if you want you can call the old function here
  oldGenerateFooterContent();
};

Update:
If you want to provide the same arguments you can do that by calling apply.
like this:

oldGenerateFooterContent.apply(this, arguments);
// or
oldGenerateFooterContent.apply(null, arguments);

Answer 2

You want to duck punch the function.

Duck punching in javascript.

Duck punching in JQuery