/*

Fonction qui crée un objet XHR.

Cette fonction initialisera la valeur dans la variable globale "requete"

*/

 

/* On crée une variable qui contiendra l'objet XHR */

var requete = null;

function creerRequete() {

try {

/* On essaye de créer un objet XmlHTTPRequest */

requete = new XMLHttpRequest();

} catch (microsoft) {

/* Si cela ne marche pas, on a peut-être affaire à un navigateur de Microsoft. On tente alors de créer un objet ActiveX */

try {

requete = new ActiveXObject('Msxml2.XMLHTTP');

} catch(autremicrosoft) {

/* Autre méthode si la première n'a pas marché */

try {

requete = new ActiveXObject('Microsoft.XMLHTTP');

} catch(echec) {

/* Si aucune méthode ne fonctionne, on laisse l'objet vide*/

requete = null;

}

}

}

if(requete == null) {

alert('Votre navigateur ne semble pas supporter les object XMLHttpRequest.');

}

}

 

 

function loadwork(num) {

/* On crée notre super objet XHR global */

creerRequete();

/* On construit à l'avance notre URL en passant les parmètre en GET. Le paramètre sera le numéro de l’onglet qui est cliqué possédant l'identifiant 'num'. */

var url = 'ajax.php?var1='+num;

/* On édite les propriété de l'objet : type de paramètre, url (avec paramètres) et une option autorisant une réponse du serveur */

requete.open('GET', url, true);

/* On initialise la fonction de renvoi d'information : Après vérification que la requête est valide on met à jour le contenu HTML de la balise possédant l'identifiant 'page' avec la réponse du serveur */

requete.onreadystatechange= function() {

if(requete.readyState == 4) {

if(requete.status == 200) {

document.getElementById('affichage').innerHTML = requete.responseText;

look(num);
}

}

};

/* C'est partit ! On envoi la requête XHR au serveur */

requete.send(null);

}