Interactive book - next page Button doesn't Work in wordpress

Hi! I created an interactive book session in h5p.com and it works fine on h5p.com, but for some reason it's not possible to get to the next page, when I oploaded it in wordpress. What could the reason be ? The first page is a video and the next page is a course presentation and a find hotspot task.

 

Best, 

Malte

BV52's picture

Hi Malte,

Would you mind providing the information below:

  1. Platform and version number. E.g. Drupal, Wordpress, Moodle.
  2. Mobile or Desktop
  3. Browser: Chrome, Firefox, Safari etc
  4. H5P plugin version
  5. H5P content type and version (if a content type was used), and a sample URL or attached H5P.
  6. Any browser console errors
  7. If you create a new Interactive Book in WP does it work or not?

-BV

 

1. Wordpress 

2. Mobile and desktop 

3. Chrome, Safari and Firefox

4. wordpress H5p plugin

5. Content type:

Interactive book: The design - structure of the pages: Cover page, page with a video, after the video should follow a course presentation with a 

                             loudspeaker/sound and beneatch a "find the hotspot" task. I believe the problem is the combination of "find hot spot" and the

                              video page before. You can see the problem here: https://linguista.dk/linguistaonline/loletoevet/loletoevetsosu/

6. no errors. 

7. Yes it works fine, when I create an interactive book in a new setup. For instance if I create an Interactive book with a video on the first page and after that a course presentation and instead of "find the hotspot" I create a task with multiple choice. 

... I already tried to update all content types. It didn't work. 

otacke's picture

Hi Malte!

In those cases, #6 of BV's questions is often gold! On Chrome and most other browsers, you can open the development console by pressing F12. Are there really no error messages when you try to open the "next" page?

Best,
Oliver

Thanks Oliver. I oploaded a picture of errors I get, but I am not sure what the error is about or how to fix it

Best, 

Malte

otacke's picture

Hi Malte!

Thanks! So there were some error messages. Great! Well, not so great, but something to work with.

  • The yellow one tells you that you should check the path to the pattern image. It should start with https, not http, otherwise the browser will not allow to display it inside the iframe. It could actually be the cause.
  • The next one is a little more troublesome, although one would have to look what the cause is. Seems a response from the server is not what it is expected to be. Not sure if it is related, but it might, and if the error is not caught, it might have an effect on code down the road.
  • Without being able to interact with that output, it's hard to tell what's going on exactly, but it might be that the Find the Hotspot content is trying to determine the width of the background image (is that the one that should be loaded and cannot be?) but can't and then crashes - shouldn't happen of course.

You could try to fix the image path and see whether that solves the issue.

Best,
Oliver

Wow, thanks Oliver. Soo.. How do I check the path to image pattern exactly? Do I change something in the code in wordpress ? "https instead of http" 

otacke's picture

Hi Malte!

I assume you uploaded the image normally using the H5P editor. In that case, H5P will compose the path to the image by using the file name it gives the file locally (you can see that if you reopen the image in the editor) and concatenates that to the base path that it retrieves from the server, so the server is setting the "http" instead of the "https".

One of the reasons could be that the blog moved to TLS encryption, but the base path was not updated in the general settings of WordPress (WordPress Address (URL) and Site Address (URL)). Those should start with https, too. Another reason could be a missing or wrong automatic forwarding from http to https on the server, but that's something that the server's administrator should have a look at. There are too many ways to do this.

Best,
Oliver

And yes, the next task would be a "find the hotspot". I can get to the next page, if I click on table of contents but not if I  click on the arrow. 

otacke's picture

Hi!

Hmm, that's interesting! I wouldn't know what the difference here might be though, and I don't have the time to spare to dig through the code - especially since I cannot reproduce the problem on my end. Not sure if someone in the H5P core team can ...

Best,
Oliver

Thanks Oliver for putting so much time and effort into helping. I still didn't get the Problem solved -

I realy wish I was more knowledgable in coding.  

Best, 

Malte

Hi,

I've got a problem with seeing my content in interactive book after editing. I've made 5 interactive books so far and everything is fine. But next one - I can't check if exercises works properly after editing. I also made next one and after creating 6 exercises the same problem appeared. I use:

1. Wordpress 

2. desktop 

3. Chrome,

4. wordpress H5p plugin

5. Content type: Interactive book

6. no errors

7. there is a problem after making some content, not from a begining.

 

BV52's picture

Hi AnetaG,

Would you mind elaborating on "I can't check if exercises works properly after editing". What exactly are you seeing an error message, blank screen or something else? A screenshot would also help. You can also check the browser console for any errors, this usually gives clues to what is causing the issue.

-BV

Hi BV

I've check the browser console, here's the screen shot. Could you help me what to do with it?

Attachments: 

Hi Aneta,

 

Did you use " find the hotspot" in your interactive book? Because that seems the Problem with my interactive book. It Works fine om H5P.com and I afsked for support there. They told med it's not an H5P.com issue and a rare bug, which occurs in rare circumstances. I should update my content types, which I did, but It did not solve the Problem. People here where also very helpfull, but the Problem seems to be to technical for me to solve. I don't know who I should ask for Help to fix this problem. Wordpress? The developer og the wordpress plugin?