changing a function dynamically

[9three]

Hey,

 

I have a link that contains a javascript function:

 

<a href="#" onclick="refresh('<?php echo $_GET['place']?>');return false;" id="refresh">

 

What I need to do is change that function refresh() completely out with another function that I have.

 

I tried doing the following, but I failed:

 

$('#refresh').click(function () {
  $('#refresh').bind('onclick', getSorted());
  //also tried attr
});

 

I may have the syntax wrong but when I did try to implement it, I clicked on the link and it lagged my screen for like 3 seconds, and it didn't change out my function.

 

Does anyone know how to replace a onclick function with a completely different one?

 

Thanks

[RichardRotterdam]

I'm just going to assume you're using jQuery since it does look that way.

 

// remove the event from the link
$('#refresh').unbind('click', refresh);
// add new event
$('#refresh').bind('click', getSorted());

http://docs.jquery.com/Events/unbind#type

[9three]

Yes, I am using jQuery.

 

Are you saying I need to unbind then bind the new function?

[RichardRotterdam]

yup first remove the old event then add another. Other then that you can add multiple events to an element

[9three]

I tried it right now and my browser crashed. It started going really slow. This is what I have:

 

$('#refresh').unbind('click', refresh());
$('#refresh').bind('click', getGenreSorted());

 

hm?

[RichardRotterdam]

How many functions do you wish to bind to your element? if it's going to be like an on/off switch you might be better of with a boolean inside one function.

[9three]

Heres a scenario:

 

1. User gets to the page and hits the button "refresh". The button has a function that calls an ajax file to retrieve the latest information, this function is called refresh(). The refresh takes a paramater, place. The place is for where the user is. If the user is in the home page, then I do place = home, so then it translate into refresh('home').

 

2. User clicks a letter from "A - Z" that I added. When the user clicks on a letter, the refresh button is dynamically changed to another function. This function is called getGenreSorted(). It takes 1 parameter, which is the letter the user clicked on. If the user clicked on A then it would translate into getGenreSorted('A').

 

3. Now the refresh button, when clicked, will refresh content that has an "A" (or whatever letter the user clicked). The refresh button now stores the getGenreSorted() function instead of the refresh() function.

 

What's happening right now is that it crashes at step 2.

 

Hope this has cleared it up some more.

 

Thanks for the help so far.