Grouper les scripts javascripts en un seul fichier ?
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:
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 ? ' ' + 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 :D
