Content modules not loading in Wordpress

Submitted by GailyD on Tue, 09/18/2018 - 02:18
Forums: 
Bugs in content types

Hi -

Using Wordpress 4.9.8

I am not sure if Wordpress has recently updated but last week I could create quizzes and now when I select a content module it goes into a never ending loop of 'loading'

I have tried on the work PC Windows 7 and on the home Mac OS but get the same result.

Any ideas?

BV52's picture

BV52

Tue, 09/18/2018 - 08:09

Hi GailyD,

In order to give your bug report the best chance of getting answered, please include the following information:

  1. Detailed steps to reproduce the bug (exactly how and when did it happen)
  2. Platform and version number. E.g. Drupal, Wordpress, Moodle.
  3. Mobile or Desktop
  4. Browser: Chrome, Firefox, Safari etc
  5. H5P plugin version
  6. H5P content type and version (if a content type was used), and a sample URL or attached H5P.
  7. Any browser console errors
  8. Any PHP errors
  9. Screenshots if it's a visual problem

The more information you provide, the quicker the community will be able to fix it and the quicker you'll have a working solution!

-BV52

GailyD

Wed, 09/19/2018 - 09:50

 

Sorry about that!

  1. Click Add New > give it a name > click module name > click Details then Use > then it goes into never ending 'Loading, please wait...'
  2. Wordpress 4.9.8
  3. Desktop
  4. Chrome and IE [on Windows and Mac]
  5. H5P plugin Version 1.10.3
  6. H5P - all modules
  7. Any browser console errors - no
  8. Any PHP errors - no?
  9. Screenshots if it's a visual problem
BV52's picture

BV52

Thu, 09/20/2018 - 04:28

Hi GailyD,

Would you mind double checking these two:

  1. Any browser console errors
  2. Any PHP errors 

I am unable to reproduce the issue and those 2 information would give us additional information on how to troubleshoot this issue.

Note: I've deleted the other 2 replies.

-BV52

GailyD

Sat, 09/22/2018 - 02:02

Here is browser error

JQMIGRATE: Migrate is installed, version 1.4.1

h5peditor.js?ver=1.10.3:146 Ajax request failed

h5peditor.js?ver=1.10.3:147 Objectabort: ƒ (e)always: ƒ ()complete: ƒ ()done: ƒ ()error: ƒ ()fail: ƒ ()getAllResponseHeaders: ƒ ()getResponseHeader: ƒ (e)overrideMimeType: ƒ (e)pipe: ƒ ()progress: ƒ ()promise: ƒ (e)readyState: 4responseText: "http://residents.wormlovers.com.au/wp-content/themes/vantage{"semantics":[{"name":"introPage","type":"group","label":"Quiz introduction","importance":"medium","fields":[{"name":"showIntroPage","type":"boolean","label":"Display introduction","importance":"low"},{"name":"title","type":"text","label":"Title","importance":"high","optional":true,"description":"This title will be displayed above the introduction text.","tags":["sub","sup","strong","em"]},{"name":"introduction","type":"text","widget":"html","label":"Introduction text","importance":"medium","optional":true,"description":"This text will be displayed before the quiz starts.","enterMode":"p","tags":["sub","sup","strong","em","p"]},{"name":"startButtonText","type":"text","label":"Start button text","importance":"low","optional":true,"default":"Start Quiz"},{"name":"backgroundImage","type":"image","label":"Background image","importance":"low","optional":true,"description":"An optional background image for the introduction."}]},{"name":"backgroundImage","type":"image","label":"Background image","importance":"low","optional":true,"description":"An optional background image for the Question set."},{"name":"progressType","type":"select","label":"Progress indicator","importance":"low","description":"Question set progress indicator style.","options":[{"value":"textual","label":"Textual"},{"value":"dots","label":"Dots"}],"default":"dots"},{"name":"passPercentage","type":"number","label":"Pass percentage","importance":"low","description":"Percentage of Total score required for passing the quiz.","min":0,"max":100,"step":1,"default":50},{"name":"questions","label":"Questions","importance":"high","type":"list","widgets":[{"name":"VerticalTabs","label":"Default"},{"name":"QuestionSetTextualEditor","label":"Textual"}],"min":1,"entity":"question","field":{"name":"question","type":"library","label":"Question type","importance":"high","description":"Library for this question.","options":["H5P.MultiChoice 1.12","H5P.DragQuestion 1.12","H5P.Blanks 1.10","H5P.MarkTheWords 1.8","H5P.DragText 1.7","H5P.TrueFalse 1.4"]}},{"name":"texts","type":"group","label":"Interface texts in quiz","importance":"low","common":true,"fields":[{"name":"prevButton","type":"text","label":"Back button","importance":"low","default":"Previous question"},{"name":"nextButton","type":"text","label":"Next button","importance":"low","default":"Next question"},{"name":"finishButton","type":"text","label":"Finish button","importance":"low","default":"Finish"},{"name":"textualProgress","type":"text","label":"Progress text","importance":"low","description":"Text used if textual progress is selected.","default":"Question: @current of @total questions","tags":["strong","em"]},{"name":"jumpToQuestion","type":"text","label":"Label for jumping to a certain question","importance":"low","description":"You must use the placeholder '%d' instead of the question number, and %total instead of total amount of questions.","default":"Question %d of %total"},{"name":"questionLabel","type":"text","label":"Copyright dialog question label","importance":"low","default":"Question"},{"name":"readSpeakerProgress","type":"text","label":"Readspeaker progress","importance":"low","description":"May use @current and @total question variables","default":"Question @current of @total"},{"name":"unansweredText","type":"text","label":"Unanswered question text","importance":"low","default":"Unanswered"},{"name":"answeredText","type":"text","label":"Answered question text","importance":"low","default":"Answered"},{"name":"currentQuestionText","type":"text","label":"Current question text","importance":"low","default":"Current question"}]},{"name":"disableBackwardsNavigation","type":"boolean","label":"Disable backwards navigation","importance":"low","description":"This option will only allow you to move forward in Question Set","optional":true,"default":false},{"name":"randomQuestions","type":"boolean","label":"Randomize questions","importance":"low","description":"Enable to randomize the order of questions on display.","default":false},{"name":"poolSize","type":"number","min":1,"label":"Number of questions to be shown:","importance":"low","description":"Create a randomized batch of questions from the total.","optional":true},{"name":"endGame","type":"group","label":"Quiz finished","importance":"medium","fields":[{"name":"showResultPage","type":"boolean","label":"Display results","importance":"low","default":true},{"name":"showSolutionButton","type":"boolean","label":"Display solution button","default":true},{"name":"noResultMessage","type":"text","label":"No results message","importance":"low","description":"Text displayed on end page when \"Display results\" is disabled","default":"Finished","optional":true},{"name":"message","type":"text","label":"Feedback heading","importance":"low","default":"Your result:","description":"This heading will be displayed at the end of the quiz when the user has answered all questions.","tags":["strong","e…nt:after {\n  top: 1px;\n  border-top: 19px solid transparent;\n  border-bottom: 19px solid transparent;\n  border-left: 12px solid #747275;\n}\n\/* line 92, ..\/scss\/vertical-tabs.scss *\/\n.h5p-vtabs .h5p-vtab-li.h5p-current > .vtab-order-wrapper > .order-up,\n.h5p-vtabs .h5p-vtab-li.h5p-current > .vtab-order-wrapper > .order-down {\n  background: #636164;\n}\n\/* line 96, ..\/scss\/vertical-tabs.scss *\/\n.h5p-vtabs .h5p-vtab-li.h5p-current > .vtab-order-wrapper > .order-up[aria-disabled=\"false\"]:hover,\n.h5p-vtabs .h5p-vtab-li.h5p-current > .vtab-order-wrapper > .order-down[aria-disabled=\"false\"]:hover {\n  background: #49484a;\n}\n\/* line 100, ..\/scss\/vertical-tabs.scss *\/\n.h5p-vtabs .h5p-vtab-li.h5p-current > .vtab-order-wrapper > .order-up:after,\n.h5p-vtabs .h5p-vtab-li.h5p-current > .vtab-order-wrapper > .order-down:after {\n  color: white;\n}\n\n\/* line 107, ..\/scss\/vertical-tabs.scss *\/\n.h5p-placeholder > .h5p-vtab-a {\n  background: #e8f2fa;\n  border: dashed 2px #2782d1;\n  height: 36px;\n}\n\n\/* line 113, ..\/scss\/vertical-tabs.scss *\/\n.h5p-vtabs > button {\n  float: right;\n  margin: 8px 14px 8px 8px;\n}\n\n\/* line 118, ..\/scss\/vertical-tabs.scss *\/\n.h5p-vtabs .h5p-moving {\n  position: absolute;\n  z-index: 1;\n}\n\/* line 122, ..\/scss\/vertical-tabs.scss *\/\n.h5p-vtabs .h5p-moving > .h5p-vtab-a {\n  cursor: grabbing;\n  cursor: -moz-grabbing;\n  cursor: -webkit-grabbing;\n}\n\n\/* line 129, ..\/scss\/vertical-tabs.scss *\/\n.vtab-order-wrapper {\n  position: absolute;\n  top: 1px;\n  left: 1px;\n}\n\/* line 134, ..\/scss\/vertical-tabs.scss *\/\n.vtab-order-wrapper > .order-up,\n.vtab-order-wrapper > .order-down {\n  width: 19px;\n  height: 19px;\n  background: #d0d0d1;\n  font-size: 14px;\n  line-height: 19px;\n  cursor: pointer;\n  text-align: center;\n}\n\/* line 144, ..\/scss\/vertical-tabs.scss *\/\n.vtab-order-wrapper > .order-up[aria-disabled=\"false\"]:hover,\n.vtab-order-wrapper > .order-down[aria-disabled=\"false\"]:hover {\n  background-color: #b6b6b8;\n}\n\/* line 148, ..\/scss\/vertical-tabs.scss *\/\n.vtab-order-wrapper > .order-up:before,\n.vtab-order-wrapper > .order-down:before {\n  right: auto;\n  left: -5px;\n}\n\/* line 153, ..\/scss\/vertical-tabs.scss *\/\n.vtab-order-wrapper > .order-up[aria-disabled=\"true\"],\n.vtab-order-wrapper > .order-down[aria-disabled=\"true\"] {\n  cursor: default;\n}\n\/* line 156, ..\/scss\/vertical-tabs.scss *\/\n.vtab-order-wrapper > .order-up[aria-disabled=\"true\"]:after,\n.vtab-order-wrapper > .order-down[aria-disabled=\"true\"]:after {\n  opacity: 0.25;\n}\n\/* line 162, ..\/scss\/vertical-tabs.scss *\/\n.vtab-order-wrapper > .order-up:after {\n  font-family: \"H5P\";\n  content: \"\\e58e\";\n}\n\/* line 167, ..\/scss\/vertical-tabs.scss *\/\n.vtab-order-wrapper > .order-down {\n  top: auto;\n  bottom: 1px;\n}\n\/* line 171, ..\/scss\/vertical-tabs.scss *\/\n.vtab-order-wrapper > .order-down:after {\n  font-family: \"H5P\";\n  content: \"\\e58f\";\n}\n\n\/* line 178, ..\/scss\/vertical-tabs.scss *\/\n.vtab-remove-wrapper {\n  position: absolute;\n  top: 1px;\n  right: 12px;\n}\n\/* line 183, ..\/scss\/vertical-tabs.scss *\/\n.vtab-remove-wrapper > .remove {\n  cursor: pointer;\n  width: 1.25em;\n  height: 38px;\n  font-size: 1.75em;\n  text-align: center;\n}\n\/* line 190, ..\/scss\/vertical-tabs.scss *\/\n.vtab-remove-wrapper > .remove:after {\n  font-family: \"H5P\";\n  content: \"\\e890\";\n  color: #454347;\n  opacity: 0.7;\n  display: inline-block;\n  line-height: 38px;\n}\n\/* line 198, ..\/scss\/vertical-tabs.scss *\/\n.vtab-remove-wrapper > .remove:after:hover {\n  opacity: 1;\n}\n\n\/* line 205, ..\/scss\/vertical-tabs.scss *\/\n.h5p-current > .vtab-remove-wrapper > .remove:after {\n  color: #fff;\n}\n\n\/* line 209, ..\/scss\/vertical-tabs.scss *\/\n.h5peditor-button.add-entity {\n  width: 200px;\n  height: 40px;\n  background: #2579C6 linear-gradient(#3080c9 50%, transparent 50%, transparent);\n  border: 1px solid #1f67a8;\n  color: white;\n  font-weight: 600;\n  font-size: 14px;\n  box-sizing: border-box;\n  text-align: center;\n  cursor: pointer;\n  text-transform: uppercase;\n  line-height: 28px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding: 0 5px;\n  border-radius: 3px;\n  margin-top: 5px;\n}\n\/* line 230, ..\/scss\/vertical-tabs.scss *\/\n.h5peditor-button.add-entity:hover {\n  background: #1f67a8 linear-gradient(#2a6fac 50%, transparent 50%, transparent);\n}\n\/* line 234, ..\/scss\/vertical-tabs.scss *\/\n.h5peditor-button.add-entity:before {\n  font-family: \"H5P\";\n  content: \"\\e902\";\n  margin-right: -4px;\n  font-weight: 400;\n  font-size: 24px;\n  transform: translate(-30%,15%);\n  display: inline-block;\n}\n\n\/* line 243, ..\/scss\/vertical-tabs.scss *\/\n.h5p-vtab-form > .library,\n.h5p-vtab-form > .list,\n.h5p-vtab-form > .group > .content {\n  padding: 10px;\n  border: none;\n}\n","\/wp-content\/uploads\/h5p\/custom-h5p.css?ver=0.1":""}}"setRequestHeader: ƒ (e,t)state: ƒ ()arguments: nullcaller: nulllength: 0name: "state"prototype: {constructor: ƒ}__proto__: ƒ ()[[FunctionLocation]]: jquery.js?ver=1.10.3:2[[Scopes]]: Scopes[3]status: 200statusCode: ƒ (e)statusText: "OK"success: ƒ ()then: ƒ ()__proto__: Object

h5peditor.js?ver=1.10.3:148 parsererror

h5peditor.js?ver=1.10.3:149 SyntaxError: Unexpected token h in JSON at position 0

    at JSON.parse (<anonymous>)

    at parseJSON (jquery.js?ver=1.10.3:2)

    at Fn (jquery.js?ver=1.10.3:4)

    at k (jquery.js?ver=1.10.3:4)

    at XMLHttpRequest.r (jquery.js?ver=1.10.3:4)

icc's picture

icc

Mon, 09/24/2018 - 09:13

Looking at the response it looks like another plugin or theme is inserting an URL in front of the actual response from the H5P plugin.

If you open the failing request in the Network tab of your browser's console you should see the response starting with {"semantics"

Have you made any custom modifications to your theme or any of the plugins? 

It's difficult to tell which plugin is actually causing issues so you may have to disable them one by one. 

GailyD

Sat, 09/22/2018 - 02:44

Details attached