Pop up window | XM Community
Skip to main content
Hi, I want to do the following, and wondered if any one has thoughts on it?



1. A button that allows me to click on

2. A pop up with a graphic when I click on it

I solved 1, 2, but not the problems are



1. It briefly shows the graphic before I click the button. (Not supposed to see it before I click on the button)

2. I need data on 1) when people click on this button 2) when people close this popup. 3) when people leave this page... how can I do that?



Thanks a lot!!
So just to recap, you've got a button that creates a pop-up when you press it? You have three questions:

1. How to stop the pop-up from being shown before the button is pressed

2. How to track when the pop-up is closed

3. How to track how long a person stays on the page



Assuming you are using this within a Qualtrics survey, you can use a timing question to solve your third question.



For your first question, I don't know the answer but you'll want to post your code for the coders to help you.
Hi Jen,



Thanks for the response. This is the code I have:



Qualtrics.SurveyEngine.addOnReady(function()

{jQuery("[id*='dialog']" ).dialog({ autoOpen: false});

// jQuery('body').on('click','.ui-widget-overlay',function(){ jQuery("[id*='dialog']").dialog('close'); });



jQuery( "#btn1" ).click(function() {

jQuery("#dialog").dialog( "option", "modal", true );

jQuery("#dialog").dialog( "open" );});



I want to track

1. When do people click on this button (btn1)

2. When do please close the popup.

3. And also control where to display this pop up - want it at a specific location.



_____

Lastly,

I also want to know how to set specific location for this auto popup code - I want it to be displayed at the specific location of the page..



Qualtrics.SurveyEngine.addOnReady(function()

{ jQuery("[id*='dialog']" ).dialog({ autoOpen: false});

var delayTime = 3000; //This is the time of delay

setTimeout(function(){jQuery("[id*='dialog']" ).dialog({ autoOpen: true})}, delayTime);

});





Thanks a lot!!!!
Hi @Qualtricshelp can you maybe explain to me how you made that button and image pop-up? I need the exact same thing, but I'm new to Qualtrics, javascript and html, and I do not know where to properly save my images such that it works.

Leave a Reply