1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85
| var objXMLHttp = null;
function visible() {
vitesseIE = 20;
vitesseFF = 60;
if( document.getElementById ) {
var cur = document.getElementById( "image" );
if( document.all ) {
cur.filters.alpha.opacity++;
if( cur.filters.alpha.opacity == 100 ) {
// On efface l'image apres 10 secondes
setTimeout( "invisible()", 10000 );
return;
} else
setTimeout( "visible()", vitesseIE );
} else {
i = parseFloat( cur.style.getPropertyValue( "-moz-opacity" ) );
i+= parseFloat( 0.1 );
cur.style.setProperty( "-moz-opacity", i, "" );
if ( i >= 1 ) {
// On efface l'image apres 10 secondes
setTimeout( "invisible()", 10000 );
return;
} else
setTimeout( "visible()", vitesseFF );
}
}
}
function invisible() {
vitesseIE = 20;
vitesseFF = 60;
if( document.getElementById ) {
cur = document.getElementById( "image" );
if( document.all ) {
cur.filters.alpha.opacity--;
if( cur.filters.alpha.opacity == 0 ) {
// On recharge la page pour chercher une nouvelle image AJAX
rechargerPage()
return;
} else
setTimeout( "invisible()", vitesseIE );
} else {
i = parseFloat( cur.style.getPropertyValue( "-moz-opacity" ) );
i-= parseFloat( 0.1 );
cur.style.setProperty( "-moz-opacity", i, "" );
if( i <= 0 ) {
// On recharge la page pour chercher une nouvelle image AJAX
rechargerPage()
return;
} else
setTimeout( "invisible()", vitesseFF );
}
}
}
function GetXmlHttpObject() {
if( window.XMLHttpRequest )
objXMLHttp = new XMLHttpRequest();
else if( window.ActiveXObject )
objXMLHttp = new ActiveXObject( "Microsoft.XMLHTTP" );
return objXMLHttp;
}
function rechargerPage() {
objXMLHttp = GetXmlHttpObject();
if (objXMLHttp == null) {
alert("Votre navigateur ne supporte pas les requêtes HTTP.");
return false;
}
var url = "image_aleatoire.php"; // le script à appeller
objXMLHttp.open( "POST", url, true ); //envoi en POST asynchrone
// fonction à exécuter dès réception de la réponse
objXMLHttp.onreadystatechange = function() {
if( objXMLHttp.readyState == 4 || objXMLHttp.readyState == "complete" ) {
var tmp = objXMLHttp.responseText;
document.getElementById( 'contenu' ).innerHTML = tmp;
visible();
}
}
objXMLHttp.send( null );
} |
Partager