Problème avec "window.onload"

"window.onload" permet de déclencher une fonction (un script) une fois la page chargée.

Beaucoups de sites proposent des scripts contenant cette commande, ils se composent
souvent de cette façon :

function MaFonction() {
le contenu de la fontion...
}
window.onload = MaFonction;

Le problème est que javascript ne peut exécuter qu'une seule fois cette commande !
Donc si vous avez plusieur fonction à exécuter une fois la page chargée, et que vous vous retrouvez avec plusieurs "window.onload" par exemple :

function MaFonction1() {
le contenu de la fontion...
}
window.onload = MaFonction1;

function MaFonction2() {
le contenu de la fontion...
}
window.onload = MaFonction2;

function MaFonction3() {
le contenu de la fontion...
}
window.onload = MaFonction3;

Seule la fonction "MaFonction3" sera exécutée car chaque "window.onload" écrase la précédante.

Pour contourner ce problème, je vous propose d'utiliser la fonction "ready()" du plugin "JQuery" (déjà actif sur vos sites).
Il suffit de remplacer :
"window.onload = MaFonction"
par
$(document).ready(function(){
MaFonction();
});
ou
$(document).ready(function(){
MaFonction1();
MaFonction2();
MaFonction3();
});

Donc pour résumer, les deux scripts cités en exemple deviennent respectivement :

function MaFonction() {
le contenu de la fontion...
}
$(document).ready(function(){
MaFonction();
});

function MaFonction1() {
le contenu de la fontion...
}
function MaFonction2() {
le contenu de la fontion...
}
function MaFonction3() {
le contenu de la fontion...
}
$(document).ready(function(){
MaFonction1();
MaFonction2();
MaFonction3();
});

J'espère que ceci vous sera utile pour votre site !