Bonjour,

J'ai recherché de nombreuses solutions sur le forum et sur internet pour corriger un soucis qui me bloque depuis plusieurs semaines. Je ne pense pas avoir assez de maîtrise en JS et JQuery pour arriver à solutionner cela seul et voilà pourquoi je fais appel à votre aide.

Comme me l'a conseillé danielhagnoul, j'ouvre un nouveau post pour y présenter mon propre soucis et je vous présente le HEAD de mon site en cours de développement. A noter que les script séparément fonctionnent, dès que je tente de les mettre ensemble dans mon source... tout plante. JS non réactif, ou qui ne réalise pas ce qui est demandé.

J'ai essayé de tout englober sous un même

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
jQuery.noConflict();
 
jQuery(function($){
    // code
});
J'ai lu qu'il y avait une importance dans l'inclusion des fichiers JS... je n'ai pas trouvé de documentation précise à ce sujet.


La partie CSS

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
 
<!-- CSS affichage général -->
<link rel="stylesheet" href="./css/stylesheet.css" type="text/css" media="screen" />
 
<!-- Correctif bug IE6 -->	
<link rel="stylesheet" href="./css/ie6fix.css" type="text/css" media="screen" />
 
<!-- CSS pour Script Post it news -->
<link rel="stylesheet" href="./news/post-it.css" type="text/css" media="screen" />
 
<!-- CSS affichage dynamique du background -->
<link rel="stylesheet" href="./css/background.css" type="text/css" media="screen" />
 
<!-- CSS pour affichage du Menu -->
<link rel="stylesheet" href="./css/styleMenu.css" type="text/css" media="screen"/>
 
<!-- CSS affichage des fancybox -->
<link rel="stylesheet" href="./js/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />  
 
<!-- CSS affichage du slide haut de page -->
<link rel="stylesheet" href="./css/slide.css" type="text/css" media="screen" />
 
<!-- Script en rapport avec les bibliothèques et JQuery 1.4.4 -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
 
 
<script type="text/javascript" src="./news/jquery.easynews.js"></script>
<script type="text/javascript" src="./js/jquery-ui-1.8.5.custom.min.js"></script>
<script type="text/javascript" src="./js/jquery.easing.1.3.js"></script>
 
 
<!-- Slide supérieur -->
<script src="./js/slide.js" type="text/javascript"></script>
 
<!-- Image popup -->
<script type="text/javascript" src="./js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="./js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
 
 
<!-- menu -->
<style>
	span.reference{
		position:fixed;
		left:10px;
		bottom:10px;
		font-size:12px;
	}
	span.reference a{
		color:#aaa;
		text-transform:uppercase;
		text-decoration:none;
		text-shadow:1px 1px 1px #000;
		margin-right:30px;
	}
	span.reference a:hover{
		color:#ddd;
	}
	ul.sdt_menu{
		margin-left:auto;
		margin-right:auto;
		margin-top:110px;
	}
</style> 
 
<!-- PNG FIX for IE6 -->
<!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
<!--[if lte IE 6]>
        <script type="text/javascript" src="js/pngfix/supersleight-min.js"></script>
<![endif]-->
Ce qui suit la partie JS
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
 
<script>
	// JS Gestion de la fancybox http://fancybox.net/
	$(document).ready(function($){ {
		$("a#num_utiles").fancybox({
			'overlayColor'		: '#000',
			'overlayOpacity'	: 0.9,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic'
		});
	}); 
 
	// JS Gestion du background dynamique
	$(document).ready(function($){ {
 
		(function(){ 
			 var i = 0; 
		         setInterval(function(){ 
 
				//on cache l'image immédiatement 
				$("#backgroundImage").removeClass("bg1, bg2").fadeOut(150, function(){ 
					//on la ré-affiche avec un effet de transparence 
					$("#backgroundImage").addClass("bg"+(i++%2 + 1)).fadeIn(500); 
				});
			}, 10000);
		})(); 
	});
 
	// JS Gestion du post it de news			
	$(document).ready(function() { 
		var newsoption1 = {
			firstname: "mynews", //id de la div contenant les news
			secondname: "showhere", //id du conteneur où les news seront affichées
			fourthname:"news_button", //la div qui contient les images de nvigation (suivant, precedent, pause)
			newsspeed:'6000' //vitesse de defilement de news
		}
		$.init_news(newsoption1);
		var myoffset=$('#news_button').offset();
		var mytop=myoffset.top-1;
		$('#news_button').css({top:mytop});
	}); 
 
 
	// JS Gestion du MENU
	$(function() {
	       /**
		* for each menu element, on mouseenter, 
		* we enlarge the image, and show both sdt_active span and 
		* sdt_wrap span. If the element has a sub menu (sdt_box),
		* then we slide it - if the element is the last one in the menu
		* we slide it to the left, otherwise to the right
		*/
		$('#sdt_menu > li').bind('mouseenter',function(){
			var $elem = $(this);
			$elem.find('img')
			.stop(true)
			.animate({
				'width':'170px',
				'height':'170px',
				'left':'0px'
			},400,'easeOutBack')
			.andSelf()
			.find('.sdt_wrap')
		        .stop(true)
			.animate({'top':'140px'},500,'easeOutBack')
			.andSelf()
			.find('.sdt_active')
			.stop(true)
			.animate({'height':'170px'},300,function(){
				var $sub_menu = $elem.find('.sdt_box');
				if($sub_menu.length){
					var left = '170px';
				        if($elem.parent().children().length == $elem.index()+1)
					left = '-170px';
				        $sub_menu.show().animate({'left':left},200);
				}	
			});
		}).bind('mouseleave',function(){
			var $elem = $(this);
			var $sub_menu = $elem.find('.sdt_box');
			if($sub_menu.length)
				$sub_menu.hide().css('left','0px');
 
			$elem.find('.sdt_active')
			.stop(true)
			.animate({'height':'0px'},300)
			.andSelf().find('img')
			.stop(true)
			.animate({
				'width':'0Px',
				'height':'0px',
				'left':'85px'},400)
				.andSelf()
				.find('.sdt_wrap')
				.stop(true)
				.animate({'top':'25px'},500);
			});
		});
 
 
		$(function(){
			// Accordion
			$("#accordion").accordion({ header: "h3" });
 
			// Tabs
			$('#tabs').tabs();
 
			// Dialog			
			$('#dialog').dialog({
				autoOpen: false,
				width: 600,
				buttons: {
					"Ok": function() { 
						$(this).dialog("close"); 
					}, 
					"Cancel": function() { 
						$(this).dialog("close"); 
					} 
				}
			});
 
			// Dialog Link
			$('#dialog_link').click(function(){
				$('#dialog').dialog('open');
				return false;
			});
			// Datepicker
			$('#datepicker').datepicker({
				inline: true
			});
 
			// Slider
			$('#slider').slider({
				range: true,
				values: [17, 67]
			});
 
			// Progressbar
			$("#progressbar").progressbar({
				value: 20 
			});
 
			//hover states on the static widgets
			$('#dialog_link, ul#icons li').hover(
				function() { $(this).addClass('ui-state-hover'); }, 
				function() { $(this).removeClass('ui-state-hover'); }
			);
 
		});
</script>
Déjà, une question me trotte dans l'esprit, y a t il une erreur de code ??? Si vous avez une idée pour m'aider à solutionner ce soucis, grand merci car je vais laisser tomber ces librairies si ça continue.