DIV +ie8 +Passage de couleur dynamique

[samgratt]

Mesdames zet messieurs, bien le re-bonjour.
Voici mon sushi ;

J'ai construit en php un petit site basé sur une BDD (pas d'html codé en dur donc). Un peu à la manière d'un joomla sivouvoulé, mais moins bien fait quoi.

En fonction des rubriques du sous-menu, j'aimerais que le menu change de couleur.
Ceci se fait donc en javascript, n'est-ce pas ?

Alors hop, moi je regarde sur le net et j'entends dire que Ouiiiiiiii, tout ça, les div toussa, toussa, c'est d'l'a bombe bébé, laisse moi zoom zoom zen, bref ...
Alors je m'execute, d'autant que ça me permet de mettre des bords arrondis, et les courbes, c'est très joli.
Ça marche nickel sous Firefox, Chrome et Safari, de même que les arrondis sont gérés de manière on ne peut plus clean.

Keud sous ie8 TROIS PETITS POINTS DE SUSPENSIONS QUI EN DISENT LONG

J'ai donc récupéré un jscript qui va "arrondir" les bords des div sous ie8 (roundies.js), en plus du jscript qui permet le changement des couleurs de fonds des div.
Et du coup je me demande si trop de jscript ne tue pas le jscript ?

N'y aurait-il pas téléscopage ou un truc du genre ?

Voilà le code utilisé pour que lorsque l'on clique sur un des éléments du sous menu, la couleur change.

Code :

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
 
function ChangeStyle(nom_du_style) 
{
	var couleur_fond="";
	var couleur_bordure="";
	var couleur_bordure_ssmenu="";
 
alert('couleur_bordure : '+couleur_bordure);
	switch (nom_du_style.substr(0,4)) {
		case 'Prof': 
			alert("On est dans Prof");
			 couleur_fond="#009945";
			 couleur_bordure="2px solid #009E45";
			 couleur_bordure_ssmenu="2px solid #00CD5C";
			alert('couleur_bordure : '+couleur_bordure);
			break;
		case 'Part':
			alert("On est dans Part");
			 couleur_fond="#6c4e97";
			 couleur_bordure="2px solid #483465";
			 couleur_bordure_ssmenu="2px solid #8963c0";
			alert('couleur_bordure : '+couleur_bordure);
			break;
		case 'Acte':
			alert("On est dans Acte");
			 couleur_fond="#0099FF";
			 couleur_bordure="2px solid #0066FF";
			 couleur_bordure_ssmenu="2px solid #0099CC";
			alert('couleur_bordure : '+couleur_bordure);
			break;
		case 'Entr':
			alert("On est dans Entr");
			couleur_fond="#F29802";
			 couleur_bordure="2px solid #EC7707";
			 couleur_bordure_ssmenu="2px solid #FEE182";
			alert('couleur_bordure : '+couleur_bordure);
			break;
		default: 
			alert("On est dans default");
			 couleur_fond="#BBBBBB";
			 couleur_bordure="2px solid #AAAAAA";
			 couleur_bordure_ssmenu="2px solid #BBBBBB";
			alert('couleur_bordure : '+couleur_bordure);
			break;
	}
 
	alert('couleur_bordure hors switch : '+couleur_bordure);
	document.getElementById("ssmenuDeco").style.border=couleur_bordure_ssmenu;
	document.getElementById("ssmenuAccu").style.border=couleur_bordure_ssmenu;
	document.getElementById("Deco").style.backgroundColor=couleur_fond;
	document.getElementById("Accu").style.backgroundColor=couleur_fond;
	document.getElementById("Deco").style.border=couleur_bordure;
	document.getElementById("Accu").style.border=couleur_bordure;
 
go(nom_du_style);
}

Alors msieur, pourquoi ça marche pas ?

[ornitho13]

Salut,

peux tu également mettre le code html de la page pour voir comment interagit le javascript avec celui ci ? on y verrait plus clair

merci