Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Creando image map

Estas en el tema de Creando image map en el foro de Javascript en Foros del Web. Buenas en primer lugar gracias por leer mi problema. estoy haciendo un image map dinamico con javascript y jquery, con el document.write(); dibujo el mapa ...
  #1 (permalink)  
Antiguo 18/02/2013, 19:37
 
Fecha de Ingreso: septiembre-2008
Mensajes: 74
Antigüedad: 13 años, 11 meses
Puntos: 1
Creando image map

Buenas en primer lugar gracias por leer mi problema.

estoy haciendo un image map dinamico con javascript y jquery, con el document.write(); dibujo el mapa con datos de la base de datos (coordenadas, nombres para las areas, etc), y todo anda perfecto, utilizo el codigo de esta pagina
http://www.outsharked.com/imagemapst...spx?demos.html por cierto, si alguien lo ha utilizado,
el mapa me funciona perfecto, pero lo que quiero lograr es en la parte donde se ponen las propiedades de cada area, hacerlo de forma dinamica y no de uno en uno porque como genero las areas con datos de una base de datos y pueden ser miles de areas, ademas de que el numero siempre es variable
esta es la parte:

areas: [
{
key: 'TX',
selected: true
},
{
key: 'ME',
selected: true
},
{
key: 'WA',
staticState: false
},
{
key: 'OR',
isSelectable: false
}]

es parecido a un switch y yo necesito es hacerlo de una sola vez.
  #2 (permalink)  
Antiguo 19/02/2013, 00:24
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 20 años, 4 meses
Puntos: 1284
Respuesta: Creando image map

Hola:

document.write() solo puede usarse al cargarse la página, ya que con la página cargada, se "carga" el contenido si se usa... la opción es el DOM... las áreas se crean con createElement...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 22/05/2013, 09:35
 
Fecha de Ingreso: septiembre-2008
Mensajes: 74
Antigüedad: 13 años, 11 meses
Puntos: 1
Respuesta: Creando image map

Bueno lo resolvi de la suguiente manera:
en la parte de "default_options" del codigo de la pagina que menciona mas arribatiene una propiedad u opcion llamada "onGetList" con la que se puede llamar a una funcion donde puedo hacer lo que necesito quedaria mas o menos asi:


Código Javascript:
Ver original
  1. onGetList: llenarareas  //(dentro de dafeult options)
  2.  
  3. function llenarareas(items) {
  4.             var item, selected, area, valor, color;
  5.             for (var i = 0; i < items.length; i++) {
  6.  
  7.                 area = document.getElementById(items[i].key);
  8.                
  9.                 $usamap.mapster('set_options', {
  10.                     areas: [{
  11.                         key: items[i].key,
  12.                         toolTip: area.getAttribute("tooltip"),// esto llama la propiedad "tooltip" que le agregue a la etiqeta de cada area, junto con las propiedades id, coordenadas, etc...
  13.  
  14.                         render_select: {
  15.                             fill: true,
  16.                             fillColor: 'ff0000'
  17.                         }
  18.                     }]
  19.                 });
  20.  
  21.             }
  22.         }

por si le sirve a alguien mas

Etiquetas: jquery
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:48.