Actualisation Perte du styleSheet

**jojo86** · 01/08/2011, 11h38

Bonjour,
Mon problème concerne uniquement IE sous FF aucun soucis.

Je fais une détection du navigateur en JS. Je viens donc ajouter dans le header la balyse styleSheet avec le lien et tout se qui vas avec.
J'utilise cette methode pour ajouter la balise :

Code :

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

1
2
3
4
5
6
7
function SetCss(Lien) {
	var fileref=document.createElement("link");
	fileref.setAttribute("rel", "stylesheet");
	fileref.setAttribute("type", "text/css");
	fileref.setAttribute("href", Lien);
	document.getElementsByTagName("head")[0].appendChild(fileref);
}

Mon soucis, c'est que sous IE à l'actualisation de la page je perds le styleSheet (du moins c'est ce que j'en déduis car certains éléments disparaissent... Mais pas tous... c'est bisard).
Je vous donne un lien vers la page, en gros vous allez sur le site aucun soucis, vous pouvez naviguer en cliquant sur les différentes rubriques, mais si vous appuyez sur la touche F5 ou que vous actualisez, le fond du texte disparait...
Une explication?
http://georges86.free.fr/SiteFrancoise/Index.php
Merci beaucoup

**SpaceFrog** · 01/08/2011, 13h07

a quel moment colles tu ta balise lien pour le style ?

**jojo86** · 01/08/2011, 13h20

Salut,
Dans le header avec

Code :

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

window.onload

Si tu veux voir mon head :

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
19
20
21
22
23
24
25
26
<HTML>
<HEAD>
	<script type="text/javascript" src="Scripts/Navigateur.js"></script>
 	<script type="text/javascript" src="Scripts/NavBar.js"></script>
	<script type="text/javascript" src="contact/verification_formulaire.js"></script>
	<link rel="stylesheet" type="text/css" href="css/StyleEditor.css" /> 
<script type="text/javascript"> 
 window.onload = function() { Navigateur(); }
</script>
 
<!--[if IE 6]>
<script src="Scripts/DD_belatedPNG.js"></script>
<script>
	DD_belatedPNG.fix('ul, li, a');
</script>
<![endif]-->
 
<!--[if lte IE 8]>
<script type="text/javascript" src="Scripts/roundies.js"></script>
<![endif]-->
<style type="text/css">
	#navigation li a.H2E{color: rgb(255,242,75);}
	#navigation li a.H2E:hover{color: rgb(255,242,75);}
	</style>
</HEAD>

La fonction navigation fait partie du fichier Navigation.js déclaré précédemment.
La page charge bien le css mais après je ne comprends pas se qui se passe à l'actualisation...

Merci de votre aide.