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.

---