imagemapping

Permalink Browser Info Environment
is it possible to have the imagemap hotspot pull up a popup balloon of txt or is it only able to open links or new pages? (i.e., click on the imagemap hotspot and just stays on the image but pops up some informational text in a smaller window/field). Thanks! (kind of like this image but it uses hotspot mouseover but clickable hotspot is ok too:http://www.csshowto.com/examples/imagemap/#)...

Type: Pre-Sale
Status: In Progress
ucdsnoc
View Replies:
mesuva replied on at Permalink Reply
mesuva
Hi there,

at the moment the add-on only links through to pages, files or manual URLs, it doesn't support popup bubbles as such - it's really very similar to a traditional 'image map', but it's just additionally responsive. It does add in a 'title' tag to the links, based on the page or file it links to, but they might not appear in all browsers.

There would be quite a number of considerations to make to add in bubble text, so I can't unfortunately send you through something like a custom template.

-Ryan

concrete5 Environment Information

# concrete5 Version
Core Version - 5.7.5.9
Version Installed - 5.7.5.9
Database Version - 20160615000000

# concrete5 Packages
Breadcrumb Trail Page Links (1.1), Charts (1.0.0), Cycle2 Slide Show (1.0.1), Dynamic Images (1.0), Editor Comment (7.0.1), HTML+PHP Code Block (1.0.1), HTML5 Audio Player Basic (2.0.5), Image Link With Content (1.0), List files from set (1.0.12), Quick Tabs (1.0), Responsive Image Map (1.1), S3 Storage (2.0), Simple Slider (1.0), Spacer (0.9.3), Stylish Ordered Lists (1.0), Thumb Gallery (1.0.3), Vivid Carousel (1.0.1), Vivid Simple Accordion (1.0.1), Webli Image PopUp (1.2.7), Zoomer (1.0.1).

# concrete5 Overrides
blocks/fancy_survey/tools, blocks/fancy_survey/survey_list.php, blocks/fancy_survey/auto.js, blocks/fancy_survey/db.xml, blocks/fancy_survey/icon.png, blocks/fancy_survey/edit.php, blocks/fancy_survey/view.css, blocks/fancy_survey/poll_view.php, blocks/fancy_survey/view.php, blocks/fancy_survey/c3/c3.min.css, blocks/fancy_survey/c3/c3.min.js, blocks/fancy_survey/c3/d3.min.js, blocks/fancy_survey/c3, blocks/fancy_survey/option.php, blocks/fancy_survey/controller.php, blocks/fancy_survey/add.php, blocks/fancy_survey/fancy_survey.js, blocks/fancy_survey, blocks/content/edit_old.php, blocks/content/add_old.php, blocks/content, blocks/slot_machine2016.05.12/db.xml, blocks/slot_machine2016.05.12/edit.php, blocks/slot_machine2016.05.12/view.css, blocks/slot_machine2016.05.12/form_setup_html.php, blocks/slot_machine2016.05.12/view.php, blocks/slot_machine2016.05.12/controller.php, blocks/slot_machine2016.05.12/add.php, blocks/slot_machine2016.05.12/js/jquery.jSlots.min.js, blocks/slot_machine2016.05.12/js/jquery.easing.1.3.js, blocks/slot_machine2016.05.12/js/attach_slot.js, blocks/slot_machine2016.05.12/js, blocks/slot_machine2016.05.12, blocks/wordcloud/db.xml, blocks/wordcloud/censorwords.php, blocks/wordcloud/edit.php, blocks/wordcloud/form_setup_html.php, blocks/wordcloud/view.php, blocks/wordcloud/controller.php, blocks/wordcloud/add.php, blocks/wordcloud/wordcloud.js, blocks/wordcloud/js/unicode.js, blocks/wordcloud/js/d3.layout.cloud.js, blocks/wordcloud/js, blocks/wordcloud/dict/jp.php, blocks/wordcloud/dict/no.php, blocks/wordcloud/dict/nl.php, blocks/wordcloud/dict/es.php, blocks/wordcloud/dict/it.php, blocks/wordcloud/dict/fi.php, blocks/wordcloud/dict/fr.php, blocks/wordcloud/dict/kr.php, blocks/wordcloud/dict/en-base.php, blocks/wordcloud/dict/en-uk.php, blocks/wordcloud/dict/en-us.php, blocks/wordcloud/dict, blocks/wordcloud, blocks/popup_video/db.xml, blocks/popup_video/popup_video.js, blocks/popup_video/icon.png, blocks/popup_video/edit.php, blocks/popup_video/view.css, blocks/popup_video/form_setup_html.php, blocks/popup_video/view.php, blocks/popup_video/controller.php, blocks/popup_video/add.php, blocks/popup_video, blocks/popup_image/db.xml, blocks/popup_image/icon.png, blocks/popup_image/edit.php, blocks/popup_image/view.css, blocks/popup_image/form_setup_html.php, blocks/popup_image/view.php, blocks/popup_image/controller.php, blocks/popup_image/add.php, blocks/popup_image/popup_image.js, blocks/popup_image, blocks/floating_image/db.xml, blocks/floating_image/icon.png, blocks/floating_image/edit.php, blocks/floating_image/form_setup_html.php, blocks/floating_image/view.php, blocks/floating_image/controller.php, blocks/floating_image/add.php, blocks/floating_image, blocks/slot_machine/db.xml, blocks/slot_machine/edit.php, blocks/slot_machine/view.css, blocks/slot_machine/form_setup_html.php, blocks/slot_machine/view.php, blocks/slot_machine/controller.php, blocks/slot_machine/add.php, blocks/slot_machine/js/jquery.jSlots.min.js, blocks/slot_machine/js/jquery.easing.1.3.js, blocks/slot_machine/js/attach_slot.js, blocks/slot_machine/js, blocks/slot_machine, blocks/flipbook/db.xml, blocks/flipbook/view.js, blocks/flipbook/edit.php, blocks/flipbook/view.css, blocks/flipbook/form_setup_html.php, blocks/flipbook/view.php, blocks/flipbook/controller.php, blocks/flipbook/add.php, blocks/flipbook/js/turn.min.js, blocks/flipbook/js, blocks/flipbook, controllers/single_page/account, controllers/single_page, elements/old, js/redactor_old.js, languages/fi_FI/LC_MESSAGES/messages.mo, languages/fi_FI/LC_MESSAGES, languages/fi_FI, languages/ru_RU/LC_MESSAGES/messages.mo, languages/ru_RU/LC_MESSAGES, languages/ru_RU, languages/sv_SE/LC_MESSAGES/messages.mo, languages/sv_SE/LC_MESSAGES, languages/sv_SE, languages/sl_SI/LC_MESSAGES/messages.mo, languages/sl_SI/LC_MESSAGES, languages/sl_SI, languages/el_GR/LC_MESSAGES/messages.mo, languages/el_GR/LC_MESSAGES, languages/el_GR, languages/tr_TR/LC_MESSAGES/messages.mo, languages/tr_TR/LC_MESSAGES, languages/tr_TR, languages/ja_JP/LC_MESSAGES/messages.mo, languages/ja_JP/LC_MESSAGES, languages/ja_JP, languages/da_DK/LC_MESSAGES/messages.mo, languages/da_DK/LC_MESSAGES, languages/da_DK, languages/fr_FR/LC_MESSAGES/messages.mo, languages/fr_FR/LC_MESSAGES, languages/fr_FR, languages/de_DE/LC_MESSAGES/messages.mo, languages/de_DE/LC_MESSAGES, languages/de_DE, languages/it_IT/LC_MESSAGES/messages.mo, languages/it_IT/LC_MESSAGES, languages/it_IT, languages/nl_NL/LC_MESSAGES/messages.mo, languages/nl_NL/LC_MESSAGES, languages/nl_NL, mail/welcome_new_user 2015.08.20.php, mail/welcome_new_user.php, single_pages/account/view.php, single_pages/account/edit_profile.php, single_pages/account, themes/immersifire/bdr_static.php, themes/immersifire/css/main.css, themes/immersifire/css/main 2016.10.06.css, themes/immersifire/css/main 2015.09.28.css, themes/immersifire/css/animate.css, themes/immersifire/css/main 2016.10.11.css, themes/immersifire/css/normalize.css, themes/immersifire/css, themes/immersifire/default.php, themes/immersifire/home.php, themes/immersifire/page_theme.php, themes/immersifire/immersifire.php, themes/immersifire/thumbnail.png, themes/immersifire/panorama.php, themes/immersifire/view.php, themes/immersifire/elements/header.php, themes/immersifire/elements/footer.php, themes/immersifire/elements, themes/immersifire/pdf/IPL-01-learning-style-approaches.pdf, themes/immersifire/pdf/IPL-01-student-recording-sheets.pdf, themes/immersifire/pdf/IPL-01-spark-strategies.pdf, themes/immersifire/pdf, themes/immersifire/img/module-orange-bg.jpg, themes/immersifire/img/bdr-welcome-parallax-bg.jpg, themes/immersifire/img/bdr-parallax-04.jpg, themes/immersifire/img/cart-bg.png, themes/immersifire/img/icon-pencil-on-pad.png, themes/immersifire/img/icon-paper-stack.png, themes/immersifire/img/controls.png, themes/immersifire/img/bdr-assessment-img.jpg, themes/immersifire/img/bdr-introduction-right-03.jpg, themes/immersifire/img/overlay-gray.png, themes/immersifire/img/bdr-introduction-right-01.jpg, themes/immersifire/img/spark-image-bg.jpg, themes/immersifire/img/avatar-placeholder.png, themes/immersifire/img/bdr-introduction-image-bg.jpg, themes/immersifire/img/bdr-assessment-img-02.jpg, themes/immersifire/img/bdr-logo.png, themes/immersifire/img/bdr-introduction-right-02.jpg, themes/immersifire/img/bdr-welcome-header.jpg, themes/immersifire/img/bdr-parallax-06.jpg, themes/immersifire/img/bdr-do-poster.jpg, themes/immersifire/img/bdr-assessment-image-bg.jpg, themes/immersifire/img/ucds-spark-logo.png, themes/immersifire/img/module-gray-bg.jpg, themes/immersifire/img/bdr-welcome-left-01.jpg, themes/immersifire/img/module-green-bg.jpg, themes/immersifire/img/icon-chat-bubbles.png, themes/immersifire/img/bdr-introduction-left-02.jpg, themes/immersifire/img/bdr-background-poster.jpg, themes/immersifire/img/module-purple-bg.jpg, themes/immersifire/img/bdr-introduction-left-01.jpg, themes/immersifire/img/icon-upward-trending-chart.png, themes/immersifire/img/bdr-assessement-parallax-bg.jpg, themes/immersifire/img/bdr-parallax-03.jpg, themes/immersifire/img/icon-screwdriver-and-hammer.png, themes/immersifire/img/module-blue-bg.jpg, themes/immersifire/img/icon-lightbulb.png, themes/immersifire/img/bdr-parallax-05.jpg, themes/immersifire/img/bdr-introduction-parallax-bg.jpg, themes/immersifire/img/module-yellow-bg.jpg, themes/immersifire/img/icon-pdf.png, themes/immersifire/img/bdr-welcome-left-02.jpg, themes/immersifire/img, themes/immersifire/description.txt, themes/immersifire/login.php, themes/immersifire/js/plugins.js, themes/immersifire/js/vendor/jquery-1.11.1.min.js, themes/immersifire/js/vendor/modernizr-2.8.3.min.js, themes/immersifire/js/vendor/jquery.cycle2.swipe.min.js, themes/immersifire/js/vendor/jquery.cycle2.min.js, themes/immersifire/js/vendor, themes/immersifire/js/main.js, themes/immersifire/js, themes/immersifire/login copy.php, themes/immersifire, tools/shopify_register.php, src/Area, blocks/fancy_survey/tools, blocks/fancy_survey/survey_list.php, blocks/fancy_survey/auto.js, blocks/fancy_survey/db.xml, blocks/fancy_survey/icon.png, blocks/fancy_survey/edit.php, blocks/fancy_survey/view.css, blocks/fancy_survey/poll_view.php, blocks/fancy_survey/view.php, blocks/fancy_survey/c3/c3.min.css, blocks/fancy_survey/c3/c3.min.js, blocks/fancy_survey/c3/d3.min.js, blocks/fancy_survey/c3, blocks/fancy_survey/option.php, blocks/fancy_survey/controller.php, blocks/fancy_survey/add.php, blocks/fancy_survey/fancy_survey.js, blocks/fancy_survey, blocks/content/edit_old.php, blocks/content/add_old.php, blocks/content, blocks/slot_machine2016.05.12/db.xml, blocks/slot_machine2016.05.12/edit.php, blocks/slot_machine2016.05.12/view.css, blocks/slot_machine2016.05.12/form_setup_html.php, blocks/slot_machine2016.05.12/view.php, blocks/slot_machine2016.05.12/controller.php, blocks/slot_machine2016.05.12/add.php, blocks/slot_machine2016.05.12/js/jquery.jSlots.min.js, blocks/slot_machine2016.05.12/js/jquery.easing.1.3.js, blocks/slot_machine2016.05.12/js/attach_slot.js, blocks/slot_machine2016.05.12/js, blocks/slot_machine2016.05.12, blocks/wordcloud/db.xml, blocks/wordcloud/censorwords.php, blocks/wordcloud/edit.php, blocks/wordcloud/form_setup_html.php, blocks/wordcloud/view.php, blocks/wordcloud/controller.php, blocks/wordcloud/add.php, blocks/wordcloud/wordcloud.js, blocks/wordcloud/js/unicode.js, blocks/wordcloud/js/d3.layout.cloud.js, blocks/wordcloud/js, blocks/wordcloud/dict/jp.php, blocks/wordcloud/dict/no.php, blocks/wordcloud/dict/nl.php, blocks/wordcloud/dict/es.php, blocks/wordcloud/dict/it.php, blocks/wordcloud/dict/fi.php, blocks/wordcloud/dict/fr.php, blocks/wordcloud/dict/kr.php, blocks/wordcloud/dict/en-base.php, blocks/wordcloud/dict/en-uk.php, blocks/wordcloud/dict/en-us.php, blocks/wordcloud/dict, blocks/wordcloud, blocks/popup_video/db.xml, blocks/popup_video/popup_video.js, blocks/popup_video/icon.png, blocks/popup_video/edit.php, blocks/popup_video/view.css, blocks/popup_video/form_setup_html.php, blocks/popup_video/view.php, blocks/popup_video/controller.php, blocks/popup_video/add.php, blocks/popup_video, blocks/popup_image/db.xml, blocks/popup_image/icon.png, blocks/popup_image/edit.php, blocks/popup_image/view.css, blocks/popup_image/form_setup_html.php, blocks/popup_image/view.php, blocks/popup_image/controller.php, blocks/popup_image/add.php, blocks/popup_image/popup_image.js, blocks/popup_image, blocks/floating_image/db.xml, blocks/floating_image/icon.png, blocks/floating_image/edit.php, blocks/floating_image/form_setup_html.php, blocks/floating_image/view.php, blocks/floating_image/controller.php, blocks/floating_image/add.php, blocks/floating_image, blocks/slot_machine/db.xml, blocks/slot_machine/edit.php, blocks/slot_machine/view.css, blocks/slot_machine/form_setup_html.php, blocks/slot_machine/view.php, blocks/slot_machine/controller.php, blocks/slot_machine/add.php, blocks/slot_machine/js/jquery.jSlots.min.js, blocks/slot_machine/js/jquery.easing.1.3.js, blocks/slot_machine/js/attach_slot.js, blocks/slot_machine/js, blocks/slot_machine, blocks/flipbook/db.xml, blocks/flipbook/view.js, blocks/flipbook/edit.php, blocks/flipbook/view.css, blocks/flipbook/form_setup_html.php, blocks/flipbook/view.php, blocks/flipbook/controller.php, blocks/flipbook/add.php, blocks/flipbook/js/turn.min.js, blocks/flipbook/js, blocks/flipbook, controllers/single_page/account, controllers/single_page, elements/old, js/redactor_old.js, languages/fi_FI/LC_MESSAGES/messages.mo, languages/fi_FI/LC_MESSAGES, languages/fi_FI, languages/ru_RU/LC_MESSAGES/messages.mo, languages/ru_RU/LC_MESSAGES, languages/ru_RU, languages/sv_SE/LC_MESSAGES/messages.mo, languages/sv_SE/LC_MESSAGES, languages/sv_SE, languages/sl_SI/LC_MESSAGES/messages.mo, languages/sl_SI/LC_MESSAGES, languages/sl_SI, languages/el_GR/LC_MESSAGES/messages.mo, languages/el_GR/LC_MESSAGES, languages/el_GR, languages/tr_TR/LC_MESSAGES/messages.mo, languages/tr_TR/LC_MESSAGES, languages/tr_TR, languages/ja_JP/LC_MESSAGES/messages.mo, languages/ja_JP/LC_MESSAGES, languages/ja_JP, languages/da_DK/LC_MESSAGES/messages.mo, languages/da_DK/LC_MESSAGES, languages/da_DK, languages/fr_FR/LC_MESSAGES/messages.mo, languages/fr_FR/LC_MESSAGES, languages/fr_FR, languages/de_DE/LC_MESSAGES/messages.mo, languages/de_DE/LC_MESSAGES, languages/de_DE, languages/it_IT/LC_MESSAGES/messages.mo, languages/it_IT/LC_MESSAGES, languages/it_IT, languages/nl_NL/LC_MESSAGES/messages.mo, languages/nl_NL/LC_MESSAGES, languages/nl_NL, mail/welcome_new_user 2015.08.20.php, mail/welcome_new_user.php, single_pages/account/view.php, single_pages/account/edit_profile.php, single_pages/account, themes/immersifire/bdr_static.php, themes/immersifire/css/main.css, themes/immersifire/css/main 2016.10.06.css, themes/immersifire/css/main 2015.09.28.css, themes/immersifire/css/animate.css, themes/immersifire/css/main 2016.10.11.css, themes/immersifire/css/normalize.css, themes/immersifire/css, themes/immersifire/default.php, themes/immersifire/home.php, themes/immersifire/page_theme.php, themes/immersifire/immersifire.php, themes/immersifire/thumbnail.png, themes/immersifire/panorama.php, themes/immersifire/view.php, themes/immersifire/elements/header.php, themes/immersifire/elements/footer.php, themes/immersifire/elements, themes/immersifire/pdf/IPL-01-learning-style-approaches.pdf, themes/immersifire/pdf/IPL-01-student-recording-sheets.pdf, themes/immersifire/pdf/IPL-01-spark-strategies.pdf, themes/immersifire/pdf, themes/immersifire/img/module-orange-bg.jpg, themes/immersifire/img/bdr-welcome-parallax-bg.jpg, themes/immersifire/img/bdr-parallax-04.jpg, themes/immersifire/img/cart-bg.png, themes/immersifire/img/icon-pencil-on-pad.png, themes/immersifire/img/icon-paper-stack.png, themes/immersifire/img/controls.png, themes/immersifire/img/bdr-assessment-img.jpg, themes/immersifire/img/bdr-introduction-right-03.jpg, themes/immersifire/img/overlay-gray.png, themes/immersifire/img/bdr-introduction-right-01.jpg, themes/immersifire/img/spark-image-bg.jpg, themes/immersifire/img/avatar-placeholder.png, themes/immersifire/img/bdr-introduction-image-bg.jpg, themes/immersifire/img/bdr-assessment-img-02.jpg, themes/immersifire/img/bdr-logo.png, themes/immersifire/img/bdr-introduction-right-02.jpg, themes/immersifire/img/bdr-welcome-header.jpg, themes/immersifire/img/bdr-parallax-06.jpg, themes/immersifire/img/bdr-do-poster.jpg, themes/immersifire/img/bdr-assessment-image-bg.jpg, themes/immersifire/img/ucds-spark-logo.png, themes/immersifire/img/module-gray-bg.jpg, themes/immersifire/img/bdr-welcome-left-01.jpg, themes/immersifire/img/module-green-bg.jpg, themes/immersifire/img/icon-chat-bubbles.png, themes/immersifire/img/bdr-introduction-left-02.jpg, themes/immersifire/img/bdr-background-poster.jpg, themes/immersifire/img/module-purple-bg.jpg, themes/immersifire/img/bdr-introduction-left-01.jpg, themes/immersifire/img/icon-upward-trending-chart.png, themes/immersifire/img/bdr-assessement-parallax-bg.jpg, themes/immersifire/img/bdr-parallax-03.jpg, themes/immersifire/img/icon-screwdriver-and-hammer.png, themes/immersifire/img/module-blue-bg.jpg, themes/immersifire/img/icon-lightbulb.png, themes/immersifire/img/bdr-parallax-05.jpg, themes/immersifire/img/bdr-introduction-parallax-bg.jpg, themes/immersifire/img/module-yellow-bg.jpg, themes/immersifire/img/icon-pdf.png, themes/immersifire/img/bdr-welcome-left-02.jpg, themes/immersifire/img, themes/immersifire/description.txt, themes/immersifire/login.php, themes/immersifire/js/plugins.js, themes/immersifire/js/vendor/jquery-1.11.1.min.js, themes/immersifire/js/vendor/modernizr-2.8.3.min.js, themes/immersifire/js/vendor/jquery.cycle2.swipe.min.js, themes/immersifire/js/vendor/jquery.cycle2.min.js, themes/immersifire/js/vendor, themes/immersifire/js/main.js, themes/immersifire/js, themes/immersifire/login copy.php, themes/immersifire, tools/shopify_register.php, src/Area

# concrete5 Cache Settings
Block Cache - Off
Overrides Cache - Off
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
Apache/2.2.31 (Unix) mod_ssl/2.2.31 OpenSSL/1.0.1e-fips mod_bwlimited/1.4

# Server API
cgi-fcgi

# PHP Version
5.4.45

# PHP Extensions
apc, bcmath, calendar, cgi-fcgi, Core, ctype, curl, date, dom, ereg, exif, fileinfo, filter, ftp, gd, gettext, hash, iconv, imap, ionCube Loader, json, libxml, mbstring, mcrypt, mysql, mysqli, mysqlnd, openssl, pcre, PDO, pdo_mysql, pdo_sqlite, Phar, posix, Reflection, session, SimpleXML, soap, sockets, SPL, sqlite3, standard, suhosin, tokenizer, xml, xmlreader, xmlwriter, zip, zlib.

# PHP Settings
max_execution_time - 60
apc.max_file_size - 1M
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 1000
memory_limit - 256M
post_max_size - 256M
sql.safe_mode - Off
upload_max_filesize - 256M
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 1440
soap.wsdl_cache_limit - 5
suhosin.cookie.max_array_depth - 50
suhosin.cookie.max_array_index_length - 64
suhosin.cookie.max_name_length - 64
suhosin.cookie.max_totalname_length - 256
suhosin.cookie.max_value_length - 10000
suhosin.cookie.max_vars - 100
suhosin.executor.include.max_traversal - 0
suhosin.executor.max_depth - 750
suhosin.get.max_array_depth - 50
suhosin.get.max_array_index_length - 64
suhosin.get.max_name_length - 64
suhosin.get.max_totalname_length - 256
suhosin.get.max_value_length - 512
suhosin.get.max_vars - 100
suhosin.log.phpscript.is_safe - Off
suhosin.memory_limit - 0
suhosin.post.max_array_depth - 50
suhosin.post.max_array_index_length - 64
suhosin.post.max_name_length - 64
suhosin.post.max_totalname_length - 256
suhosin.post.max_value_length - 1000000
suhosin.post.max_vars - 1000
suhosin.request.max_array_depth - 50
suhosin.request.max_array_index_length - 64
suhosin.request.max_totalname_length - 256
suhosin.request.max_value_length - 1000000
suhosin.request.max_varname_length - 64
suhosin.request.max_vars - 1000
suhosin.session.max_id_length - 128
suhosin.upload.max_newlines - 100
suhosin.upload.max_uploads - 25

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.