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.

---