para que se me actualice el dom al meter una nueva imagen lo meto tdoo en una funcion y la llamo cuando se inserta una imagen con el fin de que me las reconozca las nuevas imagenes del dom... pero contra mas veces pincho mas veces me repite la funcion,... yo pensaba que al ejecutarse la funcion el evento click no se volveria a ejecutar hasta que no se volviese a pinchar en un area pero no... lo ejecuta varias veces...
Código PHP:
$(document).ready(function (){
var array_provincias_seleccionadas=new Array;
function actualizar_dom()
{
$('.area_mapa').click(function(){
numero_provincias_seleccionadas=array_provincias_seleccionadas.length+1;
$("#numero_provincias_seleccionadas").html('Numero de provincias seleccionadas:'+numero_provincias_seleccionadas);
var provincia= $(this).attr('id');
if(array_provincias_seleccionadas.inArray(provincia))
{
$('.provincia[src=imagenes/mapa/'+provincia+'.gif]').css('display','none');
}
else
{
$('#imagenes_provincias_coloreadas').append('<img src="imagenes/mapa/'+provincia+'.gif" usemap="#mapa" class="imagen_provincia_mapa_interactivo">');
if(contador>20)
{
$('#provincias_seleccionadas').append('<div class="nombre_provincia_panel_cartas">'+provincia+'</div>');
}
else
{
$('#provincias_seleccionadas').append('<div class="nombre_provincia_panel_cartas">'+provincia+'</div>');
}
actualizar_dom();
}
array_provincias_seleccionadas.push(provincia);
});
}
actualizar_dom();
});