Modificering af script floating banner, fra top til bund
Jeg prøver på at modificere et script, som skal bruges til alternativ måde og vise links på, egentlig er det bygget til banner reklamer, men det er ikke formålet med det længere.Scriptet, lægger banneret i topen og tilføjer en magin jeg har fastsat i mit tilfælde 80.
Jeg vil dog gerne have de følger bunden af skærmen i stedet, da de så vil ligge bedre i mine øjne, og lige nu følger det toppen af skærmen som sagt, jeg har selv prøvet mig frem men kan ikke finde en løsning.
[code]
function FloatTopDiv()
{
startLX = ((document.body.clientWidth -MainContentW)/2) - (LeftBannerW+LeftAdjust) , startLY = TopAdjust;
startRX = ((document.body.clientWidth -MainContentW)/2) + (MainContentW+RightAdjust) , startRY = TopAdjust;
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
el.sP=function(x,y){this.style.left=x + 'px';this.style.top=y + 'px';};
el.x = startRX;
el.y = startRY;
return el;
}
function m2(id)
{
var e2=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
e2.sP=function(x,y){this.style.left=x + 'px';this.style.top=y + 'px';};
e2.x = startLX;
e2.y = startLY;
return e2;
}
window.stayTopLeft=function()
{
if (document.documentElement && document.documentElement.scrollTop)
var pY = document.documentElement.scrollTop;
else if (document.body)
var pY = document.body.scrollTop;
if (document.body.scrollTop > 30){startLY = 3;startRY = 3;} else {startLY = TopAdjust;startRY = TopAdjust;};
ftlObj.y += (pY+startRY-ftlObj.y)/16;
ftlObj.sP(ftlObj.x, ftlObj.y);
ftlObj2.y += (pY+startLY-ftlObj2.y)/16;
ftlObj2.sP(ftlObj2.x, ftlObj2.y);
setTimeout("stayTopLeft()", 1);
}
ftlObj = ml("divAdRight");
//stayTopLeft();
ftlObj2 = m2("divAdLeft");
stayTopLeft();
}
function ShowAdDiv()
{
var objAdDivRight = document.getElementById("divAdRight");
var objAdDivLeft = document.getElementById("divAdLeft");
objAdDivRight.style.display = "block";
objAdDivLeft.style.display = "block";
FloatTopDiv();
}
[/code]
Selve php delen er simpel og bruges via wordpress.
[code]
<?php
function append_code_to_body(){
?>
<div id="divAdRight" style="position: absolute; bottom: 0px;"> <?php echo html_entity_decode(get_option('csnv_right_code')); ?></div><div id="divAdLeft" style="position: absolute; bottom: 0px;"><?php echo html_entity_decode(get_option('csnv_left_code')); ?></div>
<?php
$screen_w = get_option("screen_w");
$MainContentW = get_option("csnv_content_w")?get_option("csnv_content_w"):1000;
$LeftBannerW = get_option("csnv_left_w")?get_option("csnv_left_w"):100;
$RightBannerW = get_option("csnv_right_w")?get_option("csnv_right_w"):100;
$LeftAdjust = get_option("csnv_margin_left")?get_option("csnv_margin_left"):10;
$RightBannerW = get_option("csnv_margin_right")?get_option("csnv_margin_right"):10;
$TopAdjust = get_option("csnv_margin_top")?get_option("csnv_margin_top"):80;
?>
<script type="text/javascript">
var clientWidth = document.body.clientWidth;
if(clientWidth > <?php echo $screen_w; ?>){
MainContentW = <?php echo $MainContentW; ?>;
LeftBannerW = <?php echo $LeftBannerW; ?>;
RightBannerW = <?php echo $RightBannerW; ?>;
LeftAdjust = <?php echo $LeftAdjust; ?>;
RightAdjust = <?php echo $RightBannerW; ?>;
TopAdjust = <?php echo $TopAdjust; ?>;
ShowAdDiv();
window.onresize=ShowAdDiv;
}
</script>
<?php
}
?>
[/code]
Jeg har selv prøvet et par ændringer, skiftede alle document.body.scrollTop til document.body.scrollBottom
Så er banneret nede ved bunden af skærmen, men scroll delen virker ikke, den følger bare ikke når jeg scroller ned af, og det skal den jo helst.