HTML POP UP Kodu

Merhaba,

Günümüzde çok sık kullanılmasada pop up türleri hala hayatımızda yer almakta. Çok sık kullanılmaması nedeni ile çalışır bir Pop up kodu bulmak ise neredeyse bir işkenceye dönüşmektedir. Örneğin; Bugün bir web sitesinin yaklaşan bir etkiliği için web sitesine görselli bir Pop up koymaya çalıştığımda yaklaşık bir buçuk saat çalışan bir Pop up kodu aramam gerekti.

Aşağıda yer alan Pop up kodu bir kaç düzenleme ile çalışır hale gelmiş durumdadır. Kodlar içerisinde
“Buraya yazı yada html resim kodu eklerseniz sayfada gözükecektir.” Yazan kısma eklemek istediğim yazıyı yada görseli html olarak eklemeniz yeterlidir. eklediğiniz içeriğin tüm sayfalarda görünmesini istiyorsanız header sayfasında head etiketlerinin içerisine eklemeniz gerekmektedir. Ana sayfada gözükmesini istiyorsanız index dosyanıza eklemeniz gerekmektedir.

<!– melibera.com Pop up –>
<style type=”text/css”>

#meliberacom{
position:absolute;
border-left: 0px solid #;
border-right: 0px solid #;
border-top: 0px solid #;
border-bottom: 0px solid #;
padding: 0px;
background-color: ;
width: 300px;
visibility: hidden;
z-index: 200;
}

</style>

<script type=”text/javascript”>
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 100 //set x offset of bar in pixels
var startY = 100 //set y offset of bar in pixels
var verticalpos=”frombottom” //enter “fromtop” or “frombottom”

function iecompattest(){
return (document.compatMode && document.compatMode!=”BackCompat”)? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + “=”
var returnvalue = “”;
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(“;”, offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie=”remainclosed=1″
document.getElementById(“meliberacom”).style.visibility=”hidden”
}

function staticbar(){
barheight=document.getElementById(“meliberacom”).offsetHeight
var ns = (navigator.appName.indexOf(“Netscape”) != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie(“remainclosed”)==””)
el.style.visibility=”visible”
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+”px”;this.style.top=y+”px”;};
el.x = startX;
if (verticalpos==”fromtop”)
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos==”fromtop”){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY – ftlObj.y)/5;
}
else{
var pY = ns ? pageYOffset + innerHeight – barheight: iecompattest().scrollTop + iecompattest().clientHeight – barheight;
ftlObj.y += (pY – startY – ftlObj.y)/5;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout(“stayTopLeft()”, 8);
}
ftlObj = ml(“meliberacom”);
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener(“load”, staticbar, false)
else if (window.attachEvent)
window.attachEvent(“onload”, staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<div id=”meliberacom”>
<div align=”center”>

“Buraya yazı yada html resim kodu eklerseniz sayfada gözükecektir.”

<a href=”” onClick=”closebar(); return false”>
<font size=”3″>>Pop up KAPAT<</font></a>
</div>
</td>
</div>
<!– melibera.com hareketli reklam –>