Tooltip en mapa de imagen

Inicio › Forums › Ayuda / Ajuda / Laguntza / Axuda / Help › Tooltip en mapa de imagen

Tagged: 

This topic contains 6 respuestas, has 2 voices, and was last updated by  Ignacio Gros Hace 7 años, 11 meses.

  • Author
    Entradas
  • 21 diciembre, 2016 at 16:51 #26678

    epcerda
    Member

    Estimados: estoy necesitando agregar tooltips a distintas áreas de una imagen definidas por un mapa de imagen. Es posible esto? Veo algo similar en https://exelearning.net/html_manual/exe20/entorno_de_trabajo.html
    pero con la definición de un mapa

    <area alt=”” title=”” href=”” shape=”poly” coords=”193,17,203,12,208,9,220,10,228,11,238,11,248,9,259,13,267,21,270,31,270,38,271,46,264,39,260,36,254,40,251,40,247,36,243,34,240,36,235,36,231,35,225,34,221,36,216,36,213,37,207,39,203,42,200,46,197,49,194,49″ />
    </map>

    No encuentro nada al respecto en el foro.
    Desde ya muchas gracias.
    Saludos.

  • 23 diciembre, 2016 at 9:41 #26687

    Ignacio Gros
    Keymaster

    Hay que hacerlo a mano con JavaScript.

    Adjunto un elp de ejemplo. Instrucciones:

    • Hay que incluir un bocadillo en la página para que se incluyan los archivos necesarios.
    • En la pestaña Propiedades, apartado Pie de página, hay que incluir el código que hay en el elp de ejemplo.

    Esto podría dejar de funcionar si eXe cambia el sistema para mostrar los bocadillos, pero funciona con eXe 2.1.

    Saludos.

    Archivos adjuntos:
    You must be logged in to view attached files.
  • 23 diciembre, 2016 at 15:19 #26691

    epcerda
    Member

    Buenísimo, funciona muy bien! Te agradezco.
    Aprovecho para preguntarte cómo puedo cambiarle el style. He probado de agregar al javascript un style, pero no me lo toma. Desde ya muchas gracias.
    Saludos.

  • 24 diciembre, 2016 at 8:21 #26692

    Ignacio Gros
    Keymaster

    Me alegro de que te sirva.

    Adjunto ejemplo con los bocadillos en otro color. Para conseguirlo añado ‘style’ en el JavaScript de ‘Pie de página’.

    Para hacer cambios mayores tendrías que editar el archivo content.css de tu Estilo.

    Saludos.

    Archivos adjuntos:
    You must be logged in to view attached files.
  • 28 diciembre, 2016 at 18:09 #26709

    epcerda
    Member

    Muchas gracias Ignacio. Anda muy bien!

  • 29 diciembre, 2016 at 14:00 #26712

    epcerda
    Member

    Estimado Ignacio, me encontré con otro problema, cuando incorporo un mapa de imagen dentro de un área definida por un fx tipo acordeón, paginación, pestañas, etc. los tooltips quedan anulados. Ni si quiera queda funcional el atributo title. Hay alguna solución posible a este problema?
    Desde ya muchas gracias.

    • This reply was modified Hace 7 años, 12 meses by  epcerda.
  • 3 enero, 2017 at 10:34 #26736

    Ignacio Gros
    Keymaster

    He probado y me ha funcionado. Adjunto una prueba. ¿Puede ser por el contenido del bloque con efectos?

    Prueba a retrasar ligeramente la ejecución del SCRIPT de ‘Pie de página’ (image_map_example_delayed.elp en el zip adjunto).

    Si no funciona, adjunta el elp, por favor.

    Archivos adjuntos:
    You must be logged in to view attached files.
  • Author
    Entradas

You must be logged in to reply to this topic.

Skip to content