Pb d'affichage Javascript sous IE 9
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:
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.
