facebook stilinde popup açma
chrome console dan deneyebilirsiniz
function falsefunction()
{
window.location.href = "https://twitter.com/";
}
function truefunction()
{
window.location.href = "https://plus.google.com/";
}
function facebook_styled_popup(title,htmlcontent,width,okBtnLabel,cancelBtnLabel,callback,cancelback)
{
if(document.getElementById('facefetti-dialog'))
{
footer=document.getElementById('pageFooter');
if(footer) footer.removeChild(document.getElementById('facefetti-dialog'));
}
cancelBtnLabelHTML='';
if (okBtnLabel==undefined)
{
okBtnLabel='Ok';
}
if (width==undefined)
{
width=392;
}
if (cancelBtnLabel!=undefined && cancelBtnLabel!="")
{
cancelBtnLabelHTML='<label class="uiButton uiButtonLarge uiButtonDefault"><input class="UIButton_Text cancelBtnLabeldialog" id="cancelBtnLabeldialog" type="button" bindpoint="input" value="'+cancelBtnLabel+'" name="ok"/></label>';
}
height2=document.body.scrollTop;
height=window.innerHeight;
position=(height/6)+height2;
maxheigth=(height-100);
if (typeof(width)!=="number")
{
if (width.indexOf("X")!==-1)
{
dimentions = width.split("X");
width = dimentions[0];
maxheigth = dimentions[1];
}
}
var NodeNew = document.createElement("div");
NodeNew.id="facefetti-dialog";
NodeNew.innerHTML='<div class="generic_dialog pop_dialog object-browser full_bleed facefettidialog" style=""><div class="generic_dialog_popup" style="margin-top:90px; top: '+position+'px; width: '+width+'px;" id="facefettiid"> <div class="pop_container_advanced"> <div id="pop_content" class="pop_content"> <h2 class="dialog_title " style=\'font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:14px;font-weigth:bold\'><span>'+title+'</span></h2><div class="dialog_content"><div class="dialog_body" id="facefetticontent" style=\'font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:13px;max-height:'+maxheigth+'px;overflow:auto\'></div> <div class="dialog_buttons clearfix">'+cancelBtnLabelHTML+'<label class="uiButton uiButtonLarge uiButtonConfirm"><input class="UIButton_Text okBtnLabeldialog" id="okBtnLabeldialog" type="button" bindpoint="input" value="'+okBtnLabel+'" name="ok"/></label></div> </div> </div> </div></div>'
footer=document.getElementById('pageFooter');
if(footer) footer.appendChild(NodeNew);
var content = document.createElement("div");
content.innerHTML=htmlcontent;
document.getElementById('facefetticontent').appendChild(content);
okBtndialog = document.getElementById('okBtnLabeldialog');
if (cancelBtnLabelHTML.length!==0)
{
cancelBtndialog=document.getElementById('cancelBtnLabeldialog');
if ( cancelback ==undefined)
{
if (typeof window.addEventListener != "undefined" )
{
cancelBtndialog.addEventListener('click',function(){
footer=document.getElementById('pageFooter');
if(footer) footer.removeChild(document.getElementById('facefetti-dialog'));
},false);
} else {
cancelBtndialog.attachEvent('onclick',function(){
footer=document.getElementById('pageFooter');
if(footer) footer.removeChild(document.getElementById('facefetti-dialog'));
});
}
}
else
{
if (typeof window.addEventListener != "undefined" )
{
cancelBtndialog.addEventListener('click',function(){
var a=document.getElementById('facefetticontent').innerHTML;
cancelback(a);
footer=document.getElementById('pageFooter');
if(footer) footer.removeChild(document.getElementById('facefetti-dialog'));
},false);
} else {
cancelBtndialog.attachEvent('onclick',function(){
var a=document.getElementById('facefetticontent').innerHTML;
cancelback(a);
footer=document.getElementById('pageFooter');
if(footer) footer.removeChild(document.getElementById('facefetti-dialog'));
});
}
}
}
if (callback==undefined)
{
if (typeof window.addEventListener != "undefined" )
{
okBtndialog.addEventListener('click',function(){
footer=document.getElementById('pageFooter');
if(footer) footer.removeChild(document.getElementById('facefetti-dialog'));
},false);
} else {
okBtndialog.attchEvent('onclick',function(){
footer=document.getElementById('pageFooter');
if(footer) footer.removeChild(document.getElementById('facefetti-dialog'));
});
}
}
else
{
if (typeof window.addEventListener != "undefined" )
{
okBtndialog.addEventListener('click',function(){
var a=document.getElementById('facefetticontent').innerHTML;
callback(a);
footer=document.getElementById('pageFooter');
if(footer) footer.removeChild(document.getElementById('facefetti-dialog'));
},false);
} else {
//alert('attached onclick and the callback is'+callback)
okBtndialog.attachEvent('onclick',function(){
var a=document.getElementById('facefetticontent').innerHTML;
callback(a);
footer=document.getElementById('pageFooter');
if(footer) footer.removeChild(document.getElementById('facefetti-dialog'));
});
}
}
}
facebook_styled_popup("Facebook Kapan\u0131yor.","<div style='background-color:#F7F7F7'>Facebook'u Kapatıyoruz Size 2 yeni sosyal ağ öneriyoruz.</div>",450,"Google+","Twitter",truefunction,falsefunction);