Pb d'affichage Javascript sous IE 9

**xperl** · 23/08/2011, 23h50

Voila, j’espère que vous serez indulgent ^^ je suis novice en programmation, et je suis en train de mettre en place un site web sous Wordpress.

Voila le site web en question :
http://www.whv-australia.com/

Le codage du thème est de qualité moyenne et il se trouve que j ai de gros soucis d'affichage sous IE 9 car le titre du site web qui doit être en Javascript n'apparait pas ... Pour ce qui est des autres navigateurs, Mozilla, IE 8, Opera, Chrome tout s'affiche correctement.

Pour vous aider voici le codage complet de la partie "head" du site.

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
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
 
	<title>Toute l'info du WHV en Australie en 2 heures Chrono</title>
 
	<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />	
	<meta name="description" content="Le site du WHV en Australie ! Retrouvez toute l'information pratique pour réussir votre année de Working Holiday en Australie." />
 
	<?php global $options;
 		foreach ($options as $value) {
			 if (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_settings( $value['id'] ); 
		}
	} ?>            
	 <?php switch ($apa_style_sheet) {
		 case "maroon":?>
			 <link rel="stylesheet" href="<?php bloginfo('stylesheet_url');?>" type="text/css" media="screen" />
		 <?php break; ?>    
		 <?php case "black":?>
			 <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/black.css" type="text/css" media="screen" />
		 <?php break; ?>
		 <?php case "blue":?>
			 <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/blue.css" type="text/css" media="screen" />
		 <?php break; ?>
		 <?php case "green":?>
			 <link rel="stylesheet" href="<?php	bloginfo('template_directory'); ?>/green.css" type="text/css" media="screen" />
			 <?php break; ?>    
	<?php }?>
 
	<!--google-fonts-->
	<link href='http://fonts.googleapis.com/css?family=Droid+Serif:regular,bold' rel='stylesheet' type='text/css' />
	<link href='http://fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css' />
 
	<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
	<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
	<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
 
 
	<!--Css SmoothGallery-->
	<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/gallery-css/jd.gallery.css" type="text/css" media="screen"/>
 
	<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts/mootools.js"></script>	
	<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts/jd.gallery.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts/mootabs1.2.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts/cufon-yui.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts/League_Gothic_400.font.js"></script>
 
	<?php wp_head(); ?>
 
	<script type="text/javascript">  
		Cufon.replace('.author-name, #logo-footer');
		Cufon.replace('a#logo', {
			color: '-linear-gradient(#cccccc, #000000)', 
			textShadow: '-1px -1px black '
		});
	</script>
	<script type="text/javascript">
		sfHover = function() {
			var sfEls = document.getElementById("nav2").getElementsByTagName("LI");
			for (var i=0; i<sfEls.length; i++) {
				sfEls[i].onmouseover=function() {
					this.className+="sfhover";
				}
				sfEls[i].onmouseout=function() {
					this.className=this.className.replace(new RegExp("sfhoverb"), "");
				}
			}
		}
		if (window.attachEvent) window.attachEvent("onload", sfHover);
		window.addEvent('domready', init);
			function init() {
				myTabs1 = new mootabs('myTabs', {height: '320px', width: '300px', changeTransition: Fx.Transitions.Back.easeOut, mouseOverClass: 'over'});				
			}
	</script>
</head>
<body>
 
<div id="header-wrap">
<div id="header">
<?php if($apa_Twitter != ''){ ?>
<div id="twitter-badge"><a href="http://twitter.com/<?php echo $apa_Twitter; ?>">follow</a></div><!--twitter-badge-->
<?php } ?>
 
<a id="logo" href="<?php bloginfo('url');?>"><?php bloginfo('name');?></a>
	<div id="navigation">
		<div id="page-nav">
		<ul>
		<li id="welcome" class="current_page_item2"><a href="<?php bloginfo('url');?>" title="Home">Welcome</a></li>
		<?php wp_list_pages('title_li=&depth=1&sort_column=menu_order'); ?>
		</ul>
		<span id="login"><a href="<?php echo get_option('home'); ?>/wp-admin/">Login to Site</a></span>
		</div><!--page-nav-->
 
	<div id="access" role="navigation">
			<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
	</div><!-- #access -->	
 
	</div><!--navigation-->
</div><!--header-->
</div><!--header-wrap-->
<div id="wrap">

Merci d'avance pour votre aide.

**xperl** · 24/08/2011, 22h50

J'ai trouvé une page ou tout les problèmes d'affichages IE 9 sont évoqués :

http://blog.britoweb.net/post/2010/0...net-Explorer-9

Il suffit donc d'ajouter la meta http-equiv correspondante a votre problème devant celle déjà existante dans votre blog et le tour est joué.
Pour ma part ça donne ça :

Code :

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

1
2
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8; charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Pb d'affichage Javascript sous IE 9

Développement Web en Java

Vue hybride

Discussions similaires

Partager

Partager