Find the Hotspot

Primary tabs

Submitted by H5P Group on Fri, 06/12/2015 - 15:25

A free HTML5 based question type allowing creatives to create an image based test where the learner is to find the correct spot on an image. Use this content type with H5P in publishing systems like Canvas, Brightspace, Blackboard, Moodle and WordPress.

Would you like to create content like this on your own?

Get started

Register on H5P.com to start creating H5P Interactive content. Your content can be accessed via direct link, embeded, or inserted into any learning management system that supports LTI integration.

And more

Description

This content type allows end users to press somewhere on an image and get feedback on whether that was correct or incorrect according to the task description.

The author uploads an image and defines various hotspots corresponding to details or sections of the image.

Hotspots can either be defined as correct or incorrect, and the author provides appropriate feedback text in both cases. The author can also define a feedback if the end user presses somewhere which is neither defined as a correct nor incorrect hotspot.

New to H5P? Read the installation guide to get H5P on your own site.

Comments

jimlacey

Mon, 04/16/2018 - 00:45

Multiple Questions

Is there a way to ask multiple questions with this template? At the moment, I can't find any option to do so. Apologies if I'm missing something here.

BV52

Mon, 04/16/2018 - 08:48

Hi Jim,Multiple hotspot

Hi Jim,

Multiple hotspot should provide what you need.

-BV52

finn

Fri, 05/04/2018 - 12:05

Question set?

Are there plans to have find the hotspot or find multiple hotspots to be included in question set? I try to make a topgraphic quiz and it would open up a whole new world to have this included. :)

Maybe someone can try if this is possible?

Greetings,

Finn

Guillermo Blanco

Fri, 05/25/2018 - 10:13

Moodle problem visualizing the H5P content

Hi, I have a configuration problem I think that impact the H5P content in my site. I installed manually the previous version of H5P in a 3.5 moodle version. I had some errors but then all went well. The I update the version with the new H5P and since then no content appears. I tried to desinstall H5P and reinstall it but I still have the same result. I activate the debug and have the following error messages

[Error] Failed to load resource: L’opération n’a pas pu s’achever. (kCFErrorDomainCFNetwork erreur 303).

[Error] Unable to find constructor for: H5P.DragText 1.6

error (h5p.js:861)

newRunnable (h5p.js:784)

(fonction anonyme) (h5p.js:132)

each (jquery.js:2:5343)

each (jquery.js:2:2099)

init (h5p.js:92:83)

(fonction anonyme) (h5p.js:2136)

c (jquery.js:2:7944)

fireWith (jquery.js:2:8741)

ready (jquery.js:2:3359)

H (jquery.js:2:782)

[Error] TypeError: undefined is not an object (evaluating 'instance.on')

on (h5p.js:1773)

(fonction anonyme) (h5p.js:205)

I have a beta site (3.5) and I don't have any problem, so i figure it's a problem with the env... couldn't find were and I'm stuck :) need some help if possible!, thanks

thomasmars

Wed, 05/30/2018 - 14:14

Hi, please make sure you

Hi, please make sure you follow our guide for setting up PHP properly: https://h5p.org/installation/configure-php.

When you've made sure PHP is set up properly, if you're still getting error messages follow the troubleshooting PHP guide and post your PHP errors and troubleshooting results here.

Fri, 05/25/2018 - 10:16

MOODLE: problem visualizing H5P content

The site hosting my site is a french hosting service called ovh if that helps, thanks

nadavkav

Sun, 06/03/2018 - 10:42

Translation

Hello H5P team,

I am tring to translate this question, but when I donwload it it seems to be H5P.ImageMultipleHotspotQuestion which I can not find on github.com/h5p

I only find https://github.com/h5p/h5p-image-hotspot-question which does not seem to be the same question.

Please advise

Nadav

Mon, 06/04/2018 - 09:10

Hi nadavkav,Multiple hotspot

Hi nadavkav,

Multiple hotspot was not created by the core team instead it was created by lukemuller. You can see the repository here https://github.com/lukemuller/h5p-image-multiple-hotspot-question.

Mon, 06/04/2018 - 09:27

Thanks :-)

piyon

Mon, 09/24/2018 - 17:19

'H5P.DragNDrop is not a constructor.'

Hi, I'm trying to setup Drupal-8 with the latest OpignoLMS (still beta) prebuilt, which includes H5P. Everything seems to be okay up to the point where I tried to use H5P with the latest hotspot (which I also updated trough the update links on the H5P-panel) and on console I got the following error. I also updated my nginx config with

add_header X-Frame-Options "SAMEORIGIN";

so the image uploading works fine now, but it seems it can not open the toolbar. Do you got any info or clues on this?

H5P.DragNDrop is not a constructor.

here are the drill-down details of the error:

Thu, 10/04/2018 - 11:18

Seems like DragNDrop is not

Seems like DragNDrop is not loaded. You can check if it is properly installed on your server, and check your PHP error log for any further errors that could give an indication of why the library is not being loaded.

lgvtheory

Sat, 12/08/2018 - 11:58

hotspot correct & incorrect images not showing correctly

Hi,

when I insert the shortcode for a hotspot image into a wordpress page the ticks and crosses do not show correctly

when i test it in the dashboard area it works fine

I am using shortcode which is inserted into a test box with wpbakery/visual composer

Any help would be much appreciated

Mon, 12/10/2018 - 07:37

Hi lgvtheory,I created a

Hi lgvtheory,

I created a separate post here.

Wednesday

Thu, 05/23/2019 - 08:17

use of the X icon

Hi Falcon.

Just a little bit of feedback for your consideration:

When the user clicks an incorrect hotspot and the response bubble pops up, the point of interaction is marked with a red X in a light red circle. This looks like an interactive element, in fact, it is similar to the "close window" X that appears in the top right corner of the box responding to a correct answer!

What I am finding is my students are clicking the X (to no effect) rather than the refresh icon to try again.

Rather than changing this red cross for another icon, a simple solution might be to simply make it function as anticipated (do the same thing as the refresh/reload icon). What do you think?

Fri, 05/24/2019 - 05:25

Hi Wednesday,I think you have

Hi Wednesday,

I think you have valid points and good suggestions. If you don't mind please post these in the feature request forum. In order for your feature request to attract as much interest as possible make sure it follows the below guidelines:

It is clear from every perspective how the feature will work. We recommend describing the feature with one or more user stories, for instance “As an author I want it to be possible to pick between different effects for the check answer animation so that the learners will see a variety of effects and also I can adapt the effects to my target audience(I’ll be using pink unicorns which works really well for both my target audience which are 4 year old girls and venture capitalists)”
If the feature can be illustrated with images or videos it always helps
Make it clear what content types this is relevant for, and or if this is a new content type

Make sure you post the feature in the Feature Request forum.

Fri, 05/24/2019 - 09:25

OK

I have done this now. thanks

Mon, 05/27/2019 - 02:58

Thank you Wednesday.

leighamor

Mon, 10/21/2019 - 13:57

Avoiding multiple attempts within Canvas LMS

Hi - I hope you can help - do you know if you can disable the retry to avoid multiple attempts if I'm using the Canvas LMS integration?

I'm looking to use the 'Find the hotspot' for formal online exams so need single attempts.

Mon, 10/21/2019 - 22:30

Hi Leigh,I'm afraid this

Hi Leigh,

I'm afraid this feature is not available in the Find the Hotspot content type. However you did mention that you are using this in Canvas and if you are subscribed to H5P.com you can set the content to send the score of the first attempt. It may not have the same effect as disabling the retry but the score will reflect it.

inmunizaciones ...

Tue, 11/05/2019 - 13:09

we want to do a vaccine´s

we want to do a vaccine´s course

Tue, 11/05/2019 - 18:40

Welcome to H5P!

I suggest that you take a look at the example contents and tutorials. If you have any questions feel free to post it in the forums.

-BV

namak naath

Sun, 01/19/2020 - 16:11

Redirect to another page

In Image Hosting, can I make it so that when the user has found the correct position and gotten 1/1, the user is redirected to another page. Or so that after getting 1/1, a new button emerges, which then upon being clicked, redirects the user to another page. If there's an option to do so by do some manual coding, kindly let me know. Thanks alot.

Mon, 01/20/2020 - 17:50

Hi Namak,This should be

Hi Namak,

This should be possible although I am not sure how to implement it. However you head over to these documentation for some guidance.

ESL Teacher

Mon, 06/08/2020 - 21:57

Multiple hotspots

I would like to be able to more than one hotspot for users to find before they are finished. Looks like other people asked for this in 2016/2017 and intentions were to create it, but nothing has changed on that front. When can we expect this change?

Tue, 06/09/2020 - 19:41

Hi ESL Teacher,I'm not sure

Hi ESL Teacher,

I'm not sure exactly when Multiple Hotspot has been realease but it has been available for quite some time now.

SCFR00

Tue, 07/28/2020 - 19:35

Integration in Moodle 3.9

Hello !
I am using since today Moodle 3.9 and I have the content bank where I can create new H5P files. But I cannot find there Multiple Hotspots ??? Do I have to install them seperatly or do I have to activate them somewhere ??
Thanks and have a safe day !

moazedtech

Sun, 02/07/2021 - 10:10

Not Showing up in H5P Paid Version (Brightspace)

Hi there,

We have a paid account and this particular interactive is not showing as a content option in the H5P.com list of content.

I can create Image Hotspots - that works fine. But what I really want is this one - Find the Hotspot

Can you please look into this? Thanks!

Moaz

Mon, 02/08/2021 - 17:36

Hi Moaz,Some content types

Hi Moaz,

Some content types are not enabled by default in H5P.com. To enable them you need to go to Manage Organization -> Settings -> Content type settings.

There are also some content types that are not available at all in H5P.com. Below is the complete list and the reasons why:

https://documentation.h5p.com/content/1290591871936510658

kw-0

Wed, 04/07/2021 - 09:33

store the result!

i would like to use it as an exam for student,it is possible to store the result at the end to user??

Wed, 04/07/2021 - 18:37

Hi kw-0,I'm afraid Find the

Hi kw-0,

I'm afraid Find the Hotspot does not generate reports. The good thing about H5P is that it is open sourced so anyone can make the changes or (crowd) fund the development of features.

dadigav

Sat, 12/24/2022 - 09:53

cant upload any image

hi, cant upload any background image. here or at thr muliple hotspot. says the the picture might be too large but thats not the problwm, as ive downsize pics to the min size and still doesnt allow to upload anything. what might be the problem? tnx

BMCB

Wed, 11/27/2024 - 13:55

multiple hotspots are not working

Hello,

I’ve created multiple hotspots using the "Find the Hotspot" content type. However, when I use it on my website, I’m only able to click one hotspot. After clicking, it displays "1/1" as though there’s only one correct hotspot, even though multiple hotspots were configured.

Could you help me understand how to enable all hotspots to be interactive and ensure users can find and click each one individually?

Thank you in advance for your assistance!

Wed, 11/27/2024 - 17:28

Hi BMCB,You need to use "Find

Hi BMCB,

You need to use "Find Multiple Hotspots" instead of "Find the Hotspot".

https://h5p.org/find-multiple-hotspots

Thu, 11/28/2024 - 16:37

no feedback at the hotspots

Thank you so much.
Now i used multiple hotspots and i included "clues" as feedback when they have the correct hotspot. But in the live version that feedback does not appear, do you have a solution for that?

Thanks again

Fri, 11/29/2024 - 17:14

Hi BMCB,Can you please share

Can you please share a link to your content? Preferably the download button is enabled so that we can check.

You are here

Find the Hotspot

Primary tabs

Would you like to create content like this on your own?

Description

Comments

Pages