PeopleSoft Fluid - CTRL+J

PeopleSoft Fluid - CTRL+J

HTML

<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<h3>Long press/hold the html body for 5 seconds to trigger dialog. <br/><br/></h3>
<div id="pt_envinfo" devicetype="pc" browser="CHROME/49.0/WIN7" toolsrel="8.54.16" user="SASANK" db="HCM92016/ORACLE" appserv="//xxx.xxx.xxx.xxx:8000"></div>
<div id="pt_pageinfo" page="PORTAL_OBJ_LIST" component="PORTAL_OBJ_LIST" menu="PORTAL_ADMIN" mode="CLASSIC"></div>

JavaScript

var pressTimer;

var $jqCNTLJ = jQuery.noConflict();

$jqCNTLJ(document).on('mouseup mousemove touchend touchmove',function (){
  // Clear timeout; 
  clearTimeout(pressTimer);
});

$jqCNTLJ(document).on('mousedown touchstart',function (){
  // Set timeout
  pressTimer = window.setTimeout(function() { 

             clearTimeout(pressTimer);

      dialogMsg = "<div title='Troubleshooting Information'>" + "<br/><b>Device Type: </b>" + $jqCNTLJ("#pt_envinfo").attr("devicetype") + "<br/>";
              dialogMsg = dialogMsg + "<b>Browser/OS: </b>" + $jqCNTLJ("#pt_envinfo").attr("browser") + "<br/>";
              dialogMsg = dialogMsg + "<b>Tools Release: </b>" + $jqCNTLJ("#pt_envinfo").attr("toolsrel") + "<br/>";
              dialogMsg = dialogMsg + "<b>User: </b>" + $jqCNTLJ("#pt_envinfo").attr("user") + "<br/>";
              dialogMsg = dialogMsg + "<b>Database Name/Type: </b>" + $jqCNTLJ("#pt_envinfo").attr("db") + "<br/>"; 
              dialogMsg = dialogMsg + "<b>App Server: </b>" + $jqCNTLJ("#pt_envinfo").attr("appserv") + "<br/><br/>"; 
              dialogMsg = dialogMsg + "<b>Page: </b>" + $jqCNTLJ("#pt_pageinfo").attr("page") + "<br/>"; 
              dialogMsg = dialogMsg + "<b>Component: </b>" + $jqCNTLJ("#pt_pageinfo").attr("component") + "<br/>"; 
              dialogMsg = dialogMsg + "<b>Menu: </b>" + $jqCNTLJ("#pt_pageinfo").attr("menu") + "<br/>"; 
              dialogMsg = dialogMsg + "<b>Mode: </b>" + $jqCNTLJ("#pt_pageinfo").attr("mode") + "<br/>"; 
              dialogMsg = dialogMsg + "</div>";
  
              $jqCNTLJ(dialogMsg).dialog({
    width: 'auto', // overcomes width:'auto' and maxWidth bug
    maxWidth: 360,
    height: 'auto',
    modal: true,
    fluid: true, //new option
    resizable: true
});
              
  },5000); 
});