Code works only on Look & Feel | XM Community
Skip to main content
Question

Code works only on Look & Feel

  • April 8, 2021
  • 4 replies
  • 54 views
M

Hi,
I have a custom java script code that I had a professional programmer prepare for me since my knowledge is limited. The code works well in the internet, but I am having difficulty putting in Qualtrics.
The code works when I preview it in Look & Feel. See below (it is a game).
image.png
But doesn't work in preview mode or normal published mode. See below:
image.pngAny ideas for why this happens?
Thank you!

Abhishek_U

4 replies

A
Level 7 ●●●●●●●
Forum|alt.badge.img+22
  • ahmedA
  • Level 7 ●●●●●●●
  • April 8, 2021

It's almost impossible to say anything without looking at the code or the errors that come up.
If you are not comfortable sharing it, you can start by opening the dev tools and seeing what is the error being thrown.

M
  • Mpalmeira
  • Author
  • April 8, 2021

Hi ahmedA,
Thanks for replying.
I can share the code. Thank you for looking into it.
This is in one the only question of the survey. There is nothing in header, footer or CSS.




 <br>   Simple Javascript Minesweeper<br> 





  ">https://code.jquery.com/jquery-3.5.0.js">
 
  ">https://netlify.app/index.js">
 



 

Lives:


 

Moves:


 

Mines Identified: out of



 

Status:




 






A
Level 7 ●●●●●●●
Forum|alt.badge.img+22
  • ahmedA
  • Level 7 ●●●●●●●
  • April 8, 2021

Move everything after the line 

  till before the line 
id
="myModal" 
class
="modal">
 to your header.
Only have this in your question HTML:
        
            
                ×

                

            

        


        
Lives: 


        
Moves: 


        
Mines Identified:  out of 


        
Status: 


        


Add this to your question javascript addOnReady:
mine.reset();


M
M
  • Mpalmeira
  • Author
  • April 9, 2021
Thank you!
My problem now is that I have some script that I am trying to put in the header, but Qualtrics doesn't see it as a script.



        
                                            

                    


                

                                

        

    

            

                        
                        

                                                                                                            
            






        

                    

    
    



    


                                        

                                                        

            
        
    






                                    
Terms & ConditionsAccessibility statement