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
| function addListener(o, e, f) { // object, event, function
if (o.addEventListener) {
o.addEventListener(e, f, false);
} else { // pour MSIE
o.attachEvent('on' + e, f);
}
}
/******************************************************************************/
function changeClass1() {
document.getElementById('content').className='slidedone';
document.getElementById('footer').className='slidedone';
document.getElementById('list').className='slidedone';
}
function changeClass2() {
document.getElementById('content').className='slidedone2'*;
document.getElementById('footer').className='slidedone2';*
document.getElementById('list').className='slidedone2';
}
// il faudra peut-être rajouter d'autres fonctions changeClassN
/******************************************************************************/
function bindAnchors() { // fonction pour lier les liens à la fonction changeClass
var collection1 = document.getElementById('topmenu').getElementsByTagName('a')**;
var collection2 = document.getElementById('content').getElementsByTagName('a')*;
var collection3 = document.getElementById('toprightmenu').getElementsByTagName*('a')*;
var collection4 = document.getElementById('toprightbutton').getElementsByTagNa*me('a')*;
for (var i = 0; i <= collection1.length - 1; i++) {
var lien = collection1.item(i);
addListener(lien, 'click', changeClass2);
}
for (var i = 0; i <= collection2.length - 1; i++) {
var lien = collection2.item(i);
addListener(lien, 'click', changeClass1);
}
for (var i = 0; i <= collection3.length - 1; i++) {
var lien = collection3.item(i);
addListener(lien, 'click', changeClass1); // vérifier que c'est bien changeClass1 qu doit être appelée ici
}
for (var i = 0; i <= collection4.length - 1; i++) {
var lien = collection4.item(i);
addListener(lien, 'click', changeClass1); // idem
}
}
/******************************************************************************/
// on lie les liens une fois que la page est chargée, sinon ils n'existent pas encore
// et on le fait avec addListener, pour que ça marche même sous IE
addListener(window, 'load', bindAnchors); |
Partager