Bir duyurunuz, isteğiniz var ya da reklam yayınlamak ve ziyaretçinize bunu rahatsızlık vermeden göstermek istiyorsunuz. Bunu nasıl yapabiliriz ? Javascript ile bunu yapmak mümkün. Ancak çoğu yerde ya istemediğiniz tarzda ya da çalışmayan kodlarla karşılaşabilirsiniz.
Şahsen kullandığım kodları siz de şöyle kullanabilirsiniz.
Kullanmamız gereken Javascript kodumuz.
<head>
etiketinden sonra kullanıyoruz.
Şimdi görüntümüzü biraz kişiselleştirelim. Bunun için style belirliyoruz.
Style.css dosyasına
Ekliyoruz.
Artık sayfamızda gösterelim kodumuzu.
Son kodu header.php de <head> etiketinden sonra eklerseniz her sayfada gözükür.
Bu Javascript kodu göstermek istediğiniz nesneyi sayfanızın solunda gösteriyor. Kodda bulunan left alanlarını right olarak değiştirirseniz sayfanızın solunda gösterebilirsiniz.
İşte bu kadar. Kolay gelsin.
Kaynak : http://kenancanol.com/2011/sitemize-kayan-banner-ekleyelim/
Şahsen kullandığım kodları siz de şöyle kullanabilirsiniz.
Kullanmamız gereken Javascript kodumuz.
<head>
etiketinden sonra kullanıyoruz.
PHP:
<script type="text/javascript">
var persistclose=1 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 10 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //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("duyuru").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("duyuru").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)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopleft()", 0);
}
ftlObj = ml("duyuru");
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>
Style.css dosyasına
PHP:
#duyuru{
position:absolute;
border: 0px solid black;
padding: 0px;
background-color: white;
width: 111px;
visibility: hidden;
z-index: 0;
}
Artık sayfamızda gösterelim kodumuzu.
PHP:
<div id="duyuru">
Buraya göstermek istediğimiz kodu yazıyoruz.
</div>
Son kodu header.php de <head> etiketinden sonra eklerseniz her sayfada gözükür.
Bu Javascript kodu göstermek istediğiniz nesneyi sayfanızın solunda gösteriyor. Kodda bulunan left alanlarını right olarak değiştirirseniz sayfanızın solunda gösterebilirsiniz.
İşte bu kadar. Kolay gelsin.
Kaynak : http://kenancanol.com/2011/sitemize-kayan-banner-ekleyelim/