ajax ne se charge pas au premier clic

Question

Voici mon problème.

J'ai un lien qui déclenche la fonction ajax pour charger le contenu dans un div. Cela fonctionne bien dans Chrome et FireFox. Cependant, il y a un problème dans IE.Il réagit drôle. Si je clique sur un lien pour la première fois depuis que la page est chargée, il ne fonctionnera pas comme prévu. Il va charger sur le deuxième clic ou si je souris sur la zone qui devrait être mise à jour. Et seul IE réagit comme ça.

My Javascript function to query data 

function req_frame(box,user,action,product) { 
var xhr = getXMLHttpRequest(); 
    xhr.onreadystatechange = function() { 

     if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) { 
    parent.frames[user].document.getElementById(box).innerHTML=xhr.responseText; 
     } 

    }; 

    var sVar1 = product; 
    var sVar3 = encodeURIComponent(user); 
    var sVar2 = encodeURIComponent(action); 


    xhr.open("GET", "ajax_http.php?variable1=" + sVar3 + "&variable2=" + sVar2 + "&variable3=" + sVar1, true); 
    xhr.send(null); 

} 

Je sais que ce code fonctionne bien c'est bien! même quand le var sont un lil mélangé

Et j'appelle cette fonction en utilisant événement déclencheur avec Jquery comme

$("#ajphoto").live('click', function(){ req_frame("framebox","contpic","ajphoto","product"); })  

Toute personne WANA aide? Merci

Answer 1

essayez ceci:

function req_frame(box,user,action,product) { 
    var result = $(parent.frames[user].document.getElementById(box)); 
    result.load("ajax_http.php", 
    {variable1:user, variable2:action, variable3:product}); 
}