Discussion :

[20cents]

Bonjour à tous,

Voilà, j'ai actuellement un site, avec pas mal de scripts, jquery, js,...

Mais je me retrouve un head enorme et de plus ma page ne passe pas correctement au validateur xhtml, ce qui est compréhensible...

Je voudrais pour les grouper, dans un fichier, ou plusieurs et les appeler via des balises <script>

Voilà une partie de 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
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
 
<script>
 
$(document).ready(function() {
 
	$('a.panel').click(function () {
 
		$('a.panel').removeClass('selected');
		$(this).addClass('selected');
 
		current = $(this);
 
		$('#wrapper').scrollTo($(this).attr('href'), 800);		
 
		return false;
	});
 
	$(window).resize(function () {
		resizePanel();
	});
 
});
 
function resizePanel() {
 
	width = $(window).width();
	height = $(window).height();
 
	mask_width = width * $('.item').length;
 
	$('#debug').html(width  + ' ' + height + ' ' + mask_width);
 
	$('#wrapper, .item').css({width: width, height: height});
	$('#mask').css({width: mask_width, height: height});
	$('#wrapper').scrollTo($('a.selected').attr('href'), 0);
 
}
 
</script>
 
 
<script type="text/javascript">
 
	$(document).ready(function() 
	{
		$("a[rel=example_group]").fancybox({
			'transitionIn'		: 'elastic',
			'transitionOut'		: 'elastic',
			'titlePosition' 	: 'over',
			'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) 
			{
				return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
			}
		});
 
	});
 
</script>
 
<script type="text/javascript">
	   $(document).ready(
				function(){
 
					$('ul#portfolio').innerfade({
						speed: 2000,
						timeout: 6000,
						type: 'sequence',
						containerheight: '180px'
					});
 
			});
  	</script>

Merci d'avance

[Brünh]

Bonjour,

Il suffit d'écrire tous tes scripts Javascript et autres dans un fichier (ou plusieurs) (scriptJS.js par exemple)
et de l'intégrer à ta page comme suit :

Code :

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

<script type="text/javascript" src="CHEMIN_DU_SCRIPT/scriptJS.js"></script>

Comme tu le ferais pour intégrer une feuille de style à ta page.

Voili voilou ^^

[20cents]

Merci, ca fonctionne !

J'avais déjà essaié, mais je viens de comprendre mon erreur, je mettais la balise <script> également de mon fichier scripts.js :p !

Merci beaucoup et bonne journée