Foros del Web » Creando para Internet » HTML »

Mapa con ventana de datos al pasar el ratón

Estas en el tema de Mapa con ventana de datos al pasar el ratón en el foro de HTML en Foros del Web. Buenos a todos, Tengo hecha una sencilla aplicación con html con un mapa de las provincias de España, y pinchando en una provincia con el ...
  #1 (permalink)  
Antiguo 10/03/2015, 04:27
 
Fecha de Ingreso: marzo-2015
Mensajes: 3
Antigüedad: 9 años, 1 mes
Puntos: 0
Mapa con ventana de datos al pasar el ratón

Buenos a todos,

Tengo hecha una sencilla aplicación con html con un mapa de las provincias de España, y pinchando en una provincia con el ratón aparece una ventana emergente con datos sobre dicha provincia.
Pero me gustaría poder hacer algo como lo siguiente:

illustreets.co.uk/explore-england

Es decir, una ventana fija con datos que se fueran modificando al pasar el ratón por cada provincia.

Tengo conocimientos básicos de html, css y javascript. Si pudierais dejarme algún código parecido que yo pudiera adaptar a mi caso, o donde encontrar documentación específica que pudiera estudiar. Empiezo desde cero, por lo que mis dudas son desde lo más básico: para empezar cómo creo la ventana fija.

Muchas gracias de antemano
  #2 (permalink)  
Antiguo 10/03/2015, 04:28
 
Fecha de Ingreso: marzo-2015
Mensajes: 3
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: Mapa con ventana de datos al pasar el ratón

Buenos a todos,

Tengo hecha una sencilla aplicación con html con un mapa de las provincias de España, y pinchando en una provincia con el ratón aparece una ventana emergente con datos sobre dicha provincia.
Pero me gustaría poder hacer algo como lo siguiente:

[URL="http://illustreets.co.uk/explore-england"][/URL]

Es decir, una ventana fija con datos que se fueran modificando al pasar el ratón por cada provincia.

Tengo conocimientos básicos de html, css y javascript. Si pudierais dejarme algún código parecido que yo pudiera adaptar a mi caso, o donde encontrar documentación específica que pudiera estudiar. Empiezo desde cero, por lo que mis dudas son desde lo más básico: para empezar cómo creo la ventana fija.

Muchas gracias de antemano

Última edición por josei; 10/03/2015 a las 04:35
  #3 (permalink)  
Antiguo 10/03/2015, 09:25
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Mapa con ventana de datos al pasar el ratón

Hola:

Para empezar... no parece que se trate de una ventana fija, sino una capa...

Como inicio, y de forma accesible, pon atributo title a las areas.

Investiga los eventos mouseover y mouseout (javascript)

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #4 (permalink)  
Antiguo 11/03/2015, 01:28
 
Fecha de Ingreso: marzo-2015
Mensajes: 3
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: Mapa con ventana de datos al pasar el ratón

He estado ojeando un poco lo de las capas en html, y efectivamente tiene pinta de ser eso.

Muchas gracias, ya tengo por donde empezar.

Etiquetas: css, javascript, mapa, todo, ventana
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:59.