Appel de fonction depuis une table dynamique [Résolu]

[kap]

Bonjour à tous !!

Je développe une application cartographique Googlemaps combinée à une table. J'affiche dynamiquement des markers sur ma carte ainsi que la table associée. J'ai défini sur chaque marker un évènement onclick qui centre et zoom la carte sur le marker en question. J'aimerais obtenir le même comportement en cliquant sur le nom du marker dans la table. J'y arrive à peu près... disons que j'ai deux solutions : une qui marche sous IE et une qui marche sous Firefox. Il me faudrait une solution qui marche sur les deux La carte est visible ici

L'event :

Code :

1
2
3
4
			google.maps.event.addListener(gb_agglomerations[gb_agglomerations.length-1], "click", function()
{
	select_agglo(this.id, this.city, this.x, this.y);
});

Appel depuis la table, l'event est défini au niveau de la ligne html_href.onclick ou html_href.setAttribute

Code :

1
2
3
4
5
6
7
8
9
10
11
	for (ville in table_agglo)
	{		
var html_td2 = document.createElement("td");
		var htext2=document.createTextNode(table_agglo[ville]['name']);
		// the name of the agglomeration is a link to the map centered on the agglomeration
		var html_href = document.createElement("a");
		//marche pour IE
		//html_href.onclick = function(){return select_agglo(table_agglo[ville]['id'],table_agglo[ville]['name'],table_agglo[ville]['x'],table_agglo[ville]['y'])};
		// marche Firefox
		html_href.setAttribute('onclick', "select_agglo(table_agglo["+ville+"]['id'],table_agglo["+ville+"]['name'],table_agglo["+ville+"]['x'],table_agglo["+ville+"]['y'])");
		html_href.setAttribute('href', '#map_container');

Avez-vous des idées? Merci.

[javatwister]

disons que la version IE fonctionnera partout;

[kap]

C'est pas le cas. La version IE

Code :

html_href.onclick = function(){return select_agglo(table_agglo[ville]['id'],table_agglo[ville]['name'],table_agglo[ville]['x'],table_agglo[ville]['y'])};

a un comportement non voulu sous Firefox : certes la carte centre et zoom sur un marker, mais ce n'est pas le bon marker... La variable de boucle "ville" conserve la dernière valeur affectée. Je me retrouve donc avec des liens qui sélectionnent tous le même marker.

[javatwister]

ajoute

Code :

html_href.vil=table_agglo[ville];

avant l'appel;

puis

Code :

html_href.onclick = function(){return select_agglo(this.vil['id'],this.vil['name']... etc)}

[kap]

Ah ouais, c'est malin ça Pourquoi j'y pense pas tout seul à ce genre de solutions... Merci beaucoup !!