1. Using Div with 'posion=absolutely'. When onclick, you can use divId.style.visibility='visible' to show it and use divId.style.visibility='hidden' to hide it. It will be just like a PopUp page without url box.
HTML Div :
<div id='divPopupBody' style="position:absolute; visibility:hidden;" ></div>
JavaScript popup function:
var obj=document.getElementById(target_controlid);
obj.style.visibility="visible";
JavaScript closing popup function:
var obj=document.getElementById(target_controlid);
obj.style.visibility="hidden";
2. Then you can use Ajax to retrieve the content into Popup page.
var XMLHttpFactories = [
function () {return new XMLHttpRequest()},
function () {return new ActiveXObject("Msxml2.XMLHTTP")},
function () {return new ActiveXObject("Msxml3.XMLHTTP")},
function () {return new ActiveXObject("Microsoft.XMLHTTP")}
];
function createXMLHTTPObject() {
var xmlhttp = false;
for (var i=0;i<XMLHttpFactories.length;i++) {
try {
xmlhttp = XMLHttpFactories[i]();
}
catch (e) {
continue;
}
break;
}
return xmlhttp;
}
function GetEmail(url)
{
var xmlhttp = createXMLHTTPObject();;
xmlhttp.open("GET", url,true);
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4)
{
var responsetext=xmlhttp.responseText;
document.getElementById('divPopupBody').innerHTML=responsetext;
}
}
xmlhttp.send(null);
}
<div id='divPopupBody' style="position:absolute; visibility:hidden;" ></div>
3. In above JavaScript code, the content is retrieved from another page with variable "url". So you need put the email content to this page in order to be retrieved by Div.
For example, you can use goPopup("page.aspx") to call the function. Before that, you need to output the content of email onto the page.aspx.
Hope it helps.