Discussion :

[hugodu28]

bonjour, j'ai une carte de france dynamique et quand je clique dessus, j'aimerai effectuer une redirection.

Mon href ne fonctionne pas. Pouvez-vous m'aider merci

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
window.onload = function() {
var paper = new Raphael(document.getElementById('canvas_france'), 587.5, 550);
 
// Les styles visuels pour toutes les régions
var attr = {
fill: "#e5e5e5", /* Couleur de remplissage par defaut */
stroke: "#959595", /* Couleur des bordures par defaut */
"stroke-width": 1,
"stroke-linejoin": "round"
};
 
var region = {};
region.alsace = paper.path("M 480.71875,112.28125 L 477,113.3125 L 475.28125,116.3125 L 475.28125,119.25 L 473.71875,120.625 L 472.34375,120.625 L 469.8125,118.84375 L 467.84375,120.21875 L 465.5,120.21875 L 463.5625,118.28125 L 459.84375,117.6875 L 457.6875,116.71875 L 456.90625,113.78125 L 455.15625,115.71875 L 454.1875,120.21875 L 451.625,121 L 451.625,123.53125 L 454.1875,124.71875 L 456.125,126.09375 L 455.34375,127.84375 L 457.125,129 L 460.25,126.65625 L 465.6875,129.78125 L 463.375,134.09375 L 463.5625,135.46875 L 465.125,137.03125 L 463.9375,141.125 L 460.03125,145.03125 L 457.875,144.84375 L 459.25,146.1875 L 458.46875,149.71875 L 459.25,155 L 462.96875,155.96875 L 460.8125,160.84375 L 458.46875,165.53125 L 459.0625,168.46875 L 457.125,172.96875 L 453.78125,175.875 L 453.59375,183.5 L 451.15625,185.59375 L 451.25,185.65625 L 452.03125,187.21875 L 455.15625,187.40625 L 458.6875,190.15625 L 459.25,191.5 L 459.0625,193.84375 L 458.09375,195.625 L 458.46875,197.96875 L 461.21875,197.5625 L 461.8125,199.71875 L 462.78125,203.875 L 465.09375,203.5 L 464.6875,205.625 L 466.0625,206.8125 L 473.28125,206.625 L 477,203.6875 L 477.1875,199.375 L 479.15625,196.84375 L 476.59375,193.90625 L 475.25,190.78125 L 476.8125,188.65625 L 476.8125,183.75 L 477.78125,181.40625 L 477.78125,177.5 L 479.53125,174.96875 L 477.59375,172.25 L 477.375,166 L 482.46875,156.03125 L 481.875,150.375 L 484.21875,142.75 L 484.8125,136.09375 L 489.875,132.40625 L 489.875,130.0625 L 491.84375,127.5 L 493.40625,127.5 L 495.15625,125.75 L 494.78125,122.4375 L 496.53125,117.75 L 499.25,117.15625 L 496.53125,115 L 491.65625,114.4375 L 487.34375,112.28125 L 484.40625,114.03125 L 482.84375,112.28125 L 480.71875,112.28125 z").attr(attr);
region.alsace.attr({title: 'Alsace',href:"../coucou.php"});
.....
// idem pour tousles départements
 
var current = null;
for (var state in region) {
	region[state].color = "#c6d2ec"; /* Couleur de remplissage au rollover */
	(function (st, state) {
	st[0].style.cursor = "pointer";
 
	st[0].onmouseover = function () {
	st.animate({fill: st.color}, 100);
	paper.safari();
	};
 
	st[0].onmouseout = function () {
		st.animate({fill: "#e5e5e5"}, 300);
		paper.safari();
	};
 
	})(region[state], state);
}
 
}

[SpaceFrog]

un href c'est pour une balise a ...
passe par le onclick pour faire self.location.href

[hugodu28]

Code :

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

region.alsace.attr({title: 'Alsace',onclick:"../coucou.php"});

ça marche pôa

[SylvainPV]

la doc, la doc...

http://raphaeljs.com/reference.html#Element.click

[hugodu28]

Si j'ai bien compris la doc,

Code :

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

1
2
3
 
region.alsace.attr({title: 'Alsace'});
region.alsace.click({href:"alsace.php"});

J'ai plus qu'à attendre demain de retrouver mon ordinateur et tester.
j'espère que c'est la bonne synthaxe.

[SylvainPV]

Parameters
handlerfunction
handler for the event

C'est une fonction que tu dois passer.

Code :

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

region.alsace.click(function(){ window.location.href = "alsace.php"; });

[hugodu28]

Merci ça marche au poil

Ce site est vraiment trop classe

Par contre pas cool les gars de me retirer 2 points, je ne suis qu'un pauvre pompier pas un informaticien

[SylvainPV]

Pas besoin d'être informaticien pour savoir que pleurnicher en disant "ça marche pas" n'est pas très constructif. C'est moi qui suis allé dénicher la doc qu'il te fallait, tu n'avais pas besoin de moi pour ça en principe.