Lien href de redirection sur élément de canvas

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:

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);
}
 
}

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

Code:

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

ça marche pôa :cry:

la doc, la doc...

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

Si j'ai bien compris la doc,
Code:

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.:)

Parameters
handlerfunction
handler for the event

C'est une fonction que tu dois passer.

Code:

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

:ccool:
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 :cry:

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.