Bonjour,
J'adore venir sur se site, voir les différents sujets, mais pour une fois (et connaissant alex de loin allias psynet ;) )
Je vais faire part de ma contribution
Créer une page php (ou utilisé celle sur laquelle le titrage devra être rafraichis)
<?php /*?> Le div refresh, sers à appeler la page test.php et à faire automatiquement le rechargement de son contenu; attention utf8 seulement !!<?php */?>
Le div servira essentiellement à afficher le titre en refresh auto.
Dans cette même page avant la fin du
Ensuite on créer le fichier script.js avec ceci:
var oO =
{
'tempoXHR': 3000, // Verification de la temporisation à 3 secondes.
'tempoRefresh': 5000, // On fixe la temporisation à 5 secondes.
'url': 'test.php', // Url de la page qui chargera les infos à faire tourner.
connect: function(oElem, sEvType, fn, bCapture)
{
return document.addEventListener ?
oElem.addEventListener(sEvType, fn, bCapture):
oElem.attachEvent ?
oElem.attachEvent('on' + sEvType, fn):
false;
},
aTag: function(oEl, sTag)
{
return oEl.getElementsByTagName(sTag);
},
bXHRSupport: (typeof XMLHttpRequest != "undefined"),
bActiveXSupport: (window.ActiveXObject),
aMSXML: ["Microsoft.XMLHTTP",
"MSXML2.XMLHTTP", "MSXML2.XMLHTTP.3.0",
"MSXML2.XMLHTTP.4.0", "MSXML2.XMLHTTP.5.0",
"MSXML2.XMLHTTP.6.0", "MSXML2.XMLHTTP.7.0"],
createXHR: function()
{
if(oO.bXHRSupport)
return new XMLHttpRequest;
else if(oO.bActiveXSupport)
{
var iI;
iI = oO.aMSXML.length;
do
{
try
{
return new ActiveXObject(oO.aMSXML[--iI]);
}
catch(oError) { };
}
while(iI > 0);
throw new Error("L'objet oXHR n'a pas été créé");
}
},
getXHR: function(oReq)
{
var oXHR, oTimer;
oXHR = oO.createXHR();
oO.oReq = oReq;
oXHR.open(oO.oReq['method'], oO.oReq['url'], true);
oTimer = setTimeout(
function()
{
if(oXHR)
return oXHR.abort();
},
oO['tempoXHR']
);
oXHR.onreadystatechange = function()
{
if(oXHR.readyState === 4)
if(oXHR.status && /200|304/.test(oXHR.status))
{
clearTimeout(oTimer);
oO.oReq['response'] = oXHR.responseText;
if(oO.oReq['callback'])
(oO.oReq['callback'])();
}
}
oXHR.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT");
if(oO.oReq['method'] === 'post')
oXHR.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
return oO.oReq['method'] === 'get' ?
oXHR.send(null):
oXHR.send(oO.oReq['param']);
},
control: function(oEl)
{
return setInterval(
function()
{
return oO.getXHR(
{
'cible': oEl,
'url': oO['url'],
'method': 'get',
'callback': function()
{
return oO.refresh(oO.oReq['cible'], oO.oReq['response']);
}
}
);
},
oO['tempoRefresh']
);
},
refresh: function(oEl, sResponse)
{
return oEl.innerHTML = sResponse;
},
init: function()
{
var aDivs, iDiv;
aDivs = oO.aTag(document, 'div');
iDiv = aDivs.length;
do if(aDivs[--iDiv].className === 'refresh')
oO.control(aDivs[iDiv]);
while(iDiv > 0);
return true;
}
};
oO.connect(window, 'load', oO.init, false);
Ensuite j'ai mis tout en haut du script.js, test.php
Cette page créer ou non devra être celle qui reçoit le titre actualisé.
Voilà, j'espère en avoir aider quelqu'un...
La source n'est pas complètement de moi au passage...