Question

3
Replies
482
Views
 Ravi Kumar Pisupati (Ravi Kumar Pisupati)
Optum
Principal LSA - Pega
Optum
US
Ravi Kumar Pisupati Member since 2015 87 posts
Optum
Posted: July 14, 2020
Last activity: July 14, 2020
Posted: 14 Jul 2020 2:34 EDT
Last activity: 14 Jul 2020 19:31 EDT
Closed

How to detect the browser’s close button in browser tab?

Hi,

I have a non Pega application launching a Pega application from any browser but they both are running in 2 different tabs of same session. Now I want to close the Pega application from the browser tab using “X” button  but I want to make a server call while closing the browser tab. Tried all possible ways mentioned in the PDN and tried with HTML/JS but no luck. First of all, I am unable to detect the browser’s “X” button. Can any of the experts pls help me? Pls don’t post/show any existing PDN articles in this discussion since I did check end to end in PDN site. Pls help me for those who got successful in this don’t context. That way the time will be saved for both of us.

Thanks,

Ravi Kumar.

***Edited by Moderator: Pallavi to update platform capability tags***  

Pega Platform 7.2.2 DevOps User Experience Healthcare and Life Sciences Lead System Architect
Moderation Team has archived post, This thread is closed to future replies. Content and links will no longer be updated. If you have the same/similar Question, please write a new Question.
Posted: 1 year ago
Updated: 1 year ago
Posted: 14 Jul 2020 4:08 EDT
Updated: 14 Jul 2020 4:09 EDT
Durai Sankar Ramasubbu (duraisankar)
Morgan Stanley
Senior Associate
Morgan Stanley
IN

Hi Ravi,

I did a small POC to detect tab close event in Pega 8.4. I can able to achieve using the below code in UserWorkForm rule.

<script>

window.addEventListener("beforeunload", req, false);

function req(){
    var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
               // var myArr = JSON.parse(this.responseText);
                
               // console.log(myArr);
            }
        };
        xmlhttp.open("GET", "https://dfbxcb.free.beeceptor.com", true);
        xmlhttp.send();

    }
</script>

The above code listens for Tab close, Reload, and Browser close events.

I used https://beeceptor.com/ to create a dummy service and to test whether the service is invoked.

I hope it helps you a bit.

Good Luck!