Externaliser un script jQuery

**tribalwar** · 03/08/2013, 18h30

Bonjour,
j'aimerais externaliser un script jQuery mais malgré mes recherches, je n'arrive pas a appeler le script.

voilà le script

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
ma_fonction(){
            $('.map').append('<div class="overlay">').append('<div class="tooltip">Salut les gens</div>')
                $('.map .tooltip').hide();
                var regions = [
                          {name : 'Corse', slug: 'corse'},
                          {name : 'PACA', slug: 'provence-alpes-cote-d-azur'},
                          {name : 'Rhône-Alpes', slug:'rhones-alpes'},
                          {name : 'Languedoc Roussillon', slug : 'languedoc-roussillon'},
                          {name : 'Midi Pyrénées', slug : 'midi-pyrenees'},
                          {name : 'Limousin', slug : 'limousin'},
                          {name : 'Alsace', slug:  'alsace'},
                          {name : 'Aquitaine', slug:'aquitaine'},
                          {name : 'Auvergne', slug:'auvergne'},
                          {name : 'Bourgogne', slug:'bourgogne'},
                          {name : 'Bretagne', slug:'bretagne'},
                          {name : 'Basse Normandie', slug:'basse-normandie'},
                          {name : 'Centre', slug: 'centre'},
                          {name : 'Champagne Ardenne', slug : 'champagne-ardenne'},
                          {name : 'Haute Normandie', slug : 'haute-normandie'},
                          {name : 'Franche Comté', slug : 'franche-comte'},
                          {name : 'Ile de france', slug : 'ile-de-france'},
                          {name : 'Lorraine', slug : 'lorraine'},
                          {name : 'Nord pas de Calais', slug:  'nord-pas-de-calais'},
                          {name : 'Pays de la loire', slug:   'pays-de-la-loire'},
                          {name : 'Picardie', slug : 'picardie'},
                          {name : 'Poitou Charente', slug: 'poitou-charente'},
                          {name : 'Martinique', slug:  'martinique'},
                          {name : 'Réunion', slug: 'reunion'},
                          {name : 'Guadeloupe', slug:  'guadeloupe' }
                ];
 
                // Tooltip qui suit la souris
                $(document).mousemove(function(e){
                    $('.map .tooltip').css({
                      top:e.pageY-$('.map .tooltip').height()-20,
                      left:e.pageX-$('.map .tooltip').width()/2-10
                    });
                });
 
                // On met les liens sur les arÃ©a
                $('.map area').each(function(){
                  var index = $(this).index();
                  $(this).attr('href','http://google.com/?q='+regions[index].slug);
                });
 
                // On passe sur une rÃ©gion
                $('.map area').mouseover(function(){
                  var index = $(this).index();
                  var left = -index * 346 - 346;
                  $('.map .tooltip').html(regions[index].name).stop().fadeTo(500,0.6);
                  $('.map .overlay').css({
                      backgroundPosition : left+"px 0px"
                  });
                });
 
                // On sort de la map
                $('.map').mouseout(function(){
                  $('.map .overlay').css({
                      backgroundPosition : "346px 0px"
                  });
                  $('.map .tooltip').stop().fadeTo(500,0);
                });
          });

et l'appel html:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
                <script type="text/javascript" src="script/map.js"/>
                <script>
 
                $(function()
 
                 {
 
                 ma_fonction();
 
                  });
 
                 </script>

Merci de votre aide

**rg77140** · 03/08/2013, 19h22

Bonjour,

Cela devrait marcher :

Code :

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

1
2
3
4
5
<script>
$(document).ready(function() {
    ma_fonction();
});
</script>

Romain.

**tribalwar** · 03/08/2013, 19h44

après correction....

Code :

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

1
2
3
4
5
6
7
8
9
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
                <script type="text/javascript">
				<script type="text/javascript" src="script/map.js"/>
                <script>
                $(document).ready(function() {
                ma_fonction();
                });
                </script>

Ca ne fonctionne toujours pas

**rg77140** · 03/08/2013, 21h48

Pourquoi tu ouvres une balise sans la fermer (en rouge) ?

Code :

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

1
2
3
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
<script type="text/javascript" src="script/map.js"/>

Inclus tes fichiers comme ceci (attention à ne pas utiliser la balise auto-fermante il me semble que ce n'est pas correct) :

Code :

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

1
2
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="script/map.js"></script>

As-tu regardé que le chemin vers ton fichier javascript est correct ? Sous firefox utile le raccourci "ctrl + U" pour afficher le code source, puis si tu peux cliquer sur le lien de ton fichier javascript, si le contenu s'affiche c'est que le lien est bon, sinon c'est qu'il est faux.

Romain.

**tribalwar** · 04/08/2013, 11h12

Merci rg77140 mais le chemin est correct. J'ai effectivement fermé la balise mais rien n'y faitvoila ce que devrait donner le script :
http://guide-surendettement.fr/map.php
et voila ce que ca donne lorsque j'essaye de l'externaliser
http://guide-surendettement.fr/map-ext.php