Discussion :

[junior2386]

Bonjour,

Encore sur mon espace perso j'affecte du css à mes titres H1 H2 H3 et à mes liens.

Pour les titres OK ca marche très bien sur IE et FF :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
$("h1").css("backgroundColor:","#"+color);
$("h2").css("backgroundColor","#"+color);
$("h1").css("padding","5px");
$("h2").css("padding","5px");
$("h1").css("color","#FFFFFF");
$("h2").css("color","#FFFFFF");
$("h3").css("color","#"+color);

Mais pour mes liens je n'arrive pas à faire marcher mon script sur IE :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
// lien dans le main
$("#main a,#main a:visited").css("textDecoration","none");
$("#main a,#main a:visited").css("color","#"+color);	
 
$("#main a").hover(function(){
	$(this).css({ textDecoration : "underline",color : "#"+color });
},
function(){
	$(this).css({ textDecoration: "none",color : "#"+color });
}
);

PS : ma variable color correspond bien sur à une couleur (par exemple 000000)

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("h1").css({"background-color":'#"+color});

[SpaceFrog]

avec l'objet json il faut passer la syntaxe css et pas javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(this).css({ 'text-decoration' : 'underline','color' : '#'+color });

[junior2386]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("h1").css({"background-color":'#"+color});

avec l'objet json il faut passer la syntaxe css et pas javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(this).css({ 'text-decoration' : 'underline','color' : '#'+color });

D'accord ... pourtant avec firefox ca passe bien
j'essaie ca et je vous tiens au courant

merci pour la solution

[Edit 2010-06-10 19:42]

Même résultat malheureusement

[Edit 2010-06-10 19:58]

J'ai trouver quelques erreur et désormais les liens sont en couleur sous IE mais la fonction hover ne semble pas marcher :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
 
			$("#main a").css("textDecoration","none");	
			$("#main a").css("color",'#'+color);
 
			$("#main a:visited").css("textDecoration","none");	
			$("#main a:visited").css("color",'#'+color);	
 
			// lien dans le main
			$("#main a").hover(function(){
				$(this).css("textDecoration","underline");	
				$(this).css("color",'#'+color);
			},
			function(){
				$(this).css("textDecoration","none");	
				$(this).css("color",'#'+color);
			}
			);

PS : mettre textDecoration ou text-decoration ne fait aucune différences les deux fonctionnent sur IE et FF

[Edit 2010-06-11 08:43]

Bonjour bon j'ai trouvé le problème mais je ne comprend pas que ce que j'ai fais resoud le problème :

j'ai mis la fonction hover avant de paramétrer mes liens, voici le code qui sera plus explicite :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
$("#main a").hover(function(){
	$(this).css("text-decoration","underline");	
	$(this).css("color",'#'+color);
},
function(){
	$(this).css("text-decoration","none");	
	$(this).css("color",'#'+color);
}
);
 
// lien dans le main
$("#main a").css("text-decoration","none");	
$("#main a").css("color",'#'+color);
 
$("#main a:visited").css("text-decoration","none");	
$("#main a:visited").css("color",'#'+color);

Quelqu'un saurais m'expliquer ??