First of all - I'm a 1st timer on Javascript and jquery so...please
give me a little grace on my poor js skills.
I have the following setup that is working fine in FF. The problem is
in IE with the post in the getData function. In both IE and FF I get
the alert that contains the data (just to debug the script) and the
data is displayed properly in FF. In IE I get the alert with the
proper data so I know that the request is being set and returned
properly. The problem is the data does not refresh. I just get a blank
area like there is no data.
Any ideas?
Code:
$(document).ready(function(){
$("#FilterSubmit").click(function(){
getData();
});//End of the filterSubmit actions
bindPageLinks();
});//end of ready function
function getData(){
var $pagename="
http://www.domain.net/includes/publicProfiles"+$("#gender option:selected").val()+$("#location
option:selected").val();
$("#FilteredProfiles").html('<img src="
http://www.domain.net/images/text-fetching data.gif">');
$.post($pagename, function(data){
$("#FilteredProfiles").html(data);
alert(data);
bindPageLinks();
});
}//End of getData function
function bindPageLinks(){
//Bind a click event to the links
$("#Pagination > a").bind("click", function(){
//Set pattern to append to end of url
var pattern=/P[0-9]([0-9]*)?/;
var $urlAppend;
if ($(this).attr("href").match(/P[0-9]([0-9]*)?/)){
$urlAppend = $(this).attr("href").match(/P[0-9]([0-9]*)?/)[0];
}else{
$urlAppend = "P0";
}
//Display getting data graphic
$("#FilteredProfiles").html('<img src="
http://www.domain.net/images/text-fetching data.gif">');
var $url="
http://www.domain.net/includes/publicProfiles"+$("#genderoption:selected").val()+$("#location option:selected").val()+"/"+
$urlAppend ;
$.post($url, function(data){
$("#FilteredProfiles").html(data);
bindPageLinks();
});
return false;
});//End of the binding
//$("#Pagination > a").css("border","3px solid red");
}//End of bindPageLinks function