Lien qui déclenche un location href avec paramètres

**apdf1** · 01/06/2017, 10h49

Bonjour,

J'ai sur ma page une carte de France auquel quand je click sur un département sa devrait se rendre à la page correspondante

mais je doit avoir une erreur dans mon onRegionClick: function(element, code, region)

en sachant que les département se trouve dans: Fiche_departement

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
 
<!doctype html>
 
<html lang="fr">   
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />   
 
                                    <title>France Map </title>
 
 
  <link href="Css/jqvmap.css" media="screen" rel="stylesheet" type="text/css" />
 
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/jquery.vmap.js" type="text/javascript"></script>
    <script src="js/jquery.vmap.france.js" type="text/javascript"></script>
    <script src="js/jquery.vmap.colorsFrance.js" type="text/javascript"></script>
 
 
    <script type="text/javascript">
    $(document).ready(function() {
        $('#francemap').vectorMap({
            map: 'france_fr',
            hoverOpacity: 0.5,
            hoverColor: false,
            backgroundColor: "#ffffff",
            colors: couleurs,
            borderColor: "#000000",
            selectedColor: "#EC0000",
            enableZoom: true,
            showTooltip: true,
            onRegionClick: function(element, code, region)
           {
 
 
$(location).attr('href',"Fiche_departement.html?departement="+code); 
 
}
 
        });
    });
    </script>
  </head>
  <body>
    <div id="francemap" style="width: 700px; height: 600px;"></div>
  </body>
</html>

Je vous remercie d'avance de votre aide

Cordialement

max

**SpaceFrog** · 01/06/2017, 10h56

Code :

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

1
2
3
 onRegionClick: function(element, code, region) {
self.location.href="Fiche_departement.html?departement="+code; 
}

**apdf1** · 01/06/2017, 12h00

Bonjour SpaceFrog

J'ai un souci je n'arrive pas a ouvrir mon fichier?

@+

Bonne journée

Max

**apdf1** · 02/06/2017, 16h23

Bonjour

Personne peut m'aider

Bonne journée

Max

**SpaceFrog** · 02/06/2017, 16h30

La description du problème est trop imprécise

Quel est le comportement, le message d'erreur ?
que dit la console ...

**apdf1** · 02/06/2017, 16h43

Bonjour

Mon message d'erreur lorsque je click sur ma carte Votre fichier est introuvable ERR_FILE_NOT_FOUND
en sachant que mes fichiers a ouvrir se trouvent dans "Fiche_departement" du même dossier

merci

**SpaceFrog** · 02/06/2017, 17h00

là tu ne rentre dans aucun répertoire ...
tu pointes sur une page html qui est dans le même répertoire que la page de la carte

si le fichier Fiche_departement.html est dans un sous répertoire ...

Code :

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

Fiche_departement/Fiche_departement.html?departement="+code

**apdf1** · 02/06/2017, 17h09

Re,

En faite dans mon dossier il y a "france_departement.html qui est ma carte" et dans un sous dossier il y a "Fiche_departement" ou se trouve toutes mes fiches des départements qui doivrent s'ouvrir ex: allier.html, Alpes_de_Haute_Provence.html, Alpes_Maritimes.html ect..
@+

**SpaceFrog** · 02/06/2017, 17h13

Ton path devrai alors ressembler à :

Code :

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

"Fiche_departement/"+code+".html"

code étant le nom du fichier département

**apdf1** · 02/06/2017, 17h15

re,

Non toujours le même message

**SpaceFrog** · 02/06/2017, 17h17

code contient-til le nom du fichier ???

**apdf1** · 02/06/2017, 17h19

non

**SpaceFrog** · 02/06/2017, 17h21

et ça t'étonnes qu'il n'affiche pas le fichier ...

fais toit une table de conversion ... si code = nr du dept

Code :

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

1
2
3
4
5
6
7
 
depts = {"01":"ain",
             "02":"allier",
            .../...
}
 
"Fiche_departement/"+depts[c o d e]+".html"

attention supprime les espaces de code ...
je ne peux pas l'ecrire sans espace ici à cause des balises code

**apdf1** · 02/06/2017, 17h39

Re,

Attend je suis débutant et j’essaye de comprendre je te joint mon fichier il seras plus explicite

**SpaceFrog** · 06/06/2017, 08h14

il semblerait d'après ce que je comprends que tu aies d'un coté les nr de départements et de l'autre des fichiers portant les noms des départements ...

Créé un json avec en indexe le nr du dept (code) , et en value le nom du dept (nom de fichier)

Code :

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

1
2
3
4
depts = {"01":"ain",
             "02":"allier",
            .../...
}

la fonction te permettra d'appeler le fichier avec le code du departement

Code :

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

1
2
3
4
 
onRegionClick: function(element, code, region) {
self.location.href="Fiche_departement/"+depts[c ode]+".html"
}

(sans espace toujours dans code...)

Lien qui déclenche un location href avec paramètres

JavaScript

Discussions similaires

Partager

Partager