Jake j wrote:[color=blue]
> Rob: Thanks for your reply and reference to quirksmode. Here's the code
> I'm using. Perhaps you can see where the problem lies. I have tried
> this within a "normal" page and a test page that has no other html
> code-- with the same result, namely that the banner text appears at 0,0.
> This, of course, is when I call the code with <script
> "src=filename.js"></script>. When the javascript is in the html doc, it
> works fine.[/color]
When you put this in the page, is the following script inside another
element that is relatively positioned?
The generated 'staticbanner' div is absolutely positioned, so unless it
is constrained inside a relatively positioned element it will go to
0,0.
A bigger issue is: why use a script to write a script? Also, why
restrict it to only browsers that know document.all?
All of the script could be written with a single document.write call:
[color=blue]
> document.write(" <!-- new script: static slider -->")
> document.write("<div id='staticbanner' style='position:absolute;'>")
> document.write("<a href='linkpage.htm?adslider'[/color]
document.write(
" <!-- new script: static slider -->",
"<div id='staticbanner' style='position:absolute;'>",
"<a href='linkpage.htm?adslider' target=_blank>BannerText</a>",
...
);
[color=blue]
> target=_blank>BannerText</a>")
> document.write(" </div>")
> document.write(" <script>")[/color]
This script element should have a type attribute
[color=blue]
> document.write(" //define universal reference to
> 'staticbanner'")[/color]
When posting code, use 2 or 4 spaces for indents and manually wrap code
so that it can be cut and pasted, then run without errors.
[color=blue]
> document.write(" var crossobj=document.all?
> document.all.staticbanner :")
> document.write(" document.getElementById?")
> document.write("
> document.getElementById('staticbanner') :")
> document.write(" document.staticbanner")
> document.write(" function positionit(){")
> document.write(" //define universal dsoc left point")
> document.write(" pageXOffset")[/color]
Something is missing here...
[...][color=blue]
> document.write(" </script>")[/color]
When using </ inside document.write, the slash should be quoted:
document.write(" <\/script>")
Put 'staticbanner' inside another div that is relatively positioned and
you're fixed (I think...).
Oh, and your position units should have 'px' appended (I've deleted
that line of code somehwere...)
<div style="position: relative; border: 1px solid red; height: 2em;">
<div id="staticbanner" style="position: absolute;">
<a href="linkpage.html?adslider" target="_blank">BannerText</a>
</div>
<script type="text/javascript">
//define universal reference to 'staticbanner'
var crossobj;
if ( document.getElementById ) {
crossobj = document.getElementById('staticbanner');
} else if (document.all) {
crossobj = document.all['staticbanner'];
} else if ( document.layers ) {
crossobj = document.staticbanner;
}
function positionit(){
//define universal dsoc left point
var dsocleft = document.all? document.body.scrollLeft : pageXOffset;
//define universal dsoc top point
var dsoctop = document.all? document.body.scrollTop : pageYOffset;
//define universal browser window width
var window_width = document.all?
document.body.clientWidth : window.innerWidth;
// if the user is using IE 4+ or NS6+
// Append a unit (say 'px') to top & left
if ( document.all || document.getElementById ){
crossobj.style.left = parseInt(dsocleft)
+ parseInt(window_width) - 70 +'px';
crossobj.style.top = dsoctop + 120 + 'px';
}
//else if the user is using NS 4
else if (document.layers){
crossobj.left = dsocleft + window_width - 60;
crossobj.top = dsoctop + 130;
}
}
setInterval('positionit()',200);
</script>
</div>
--
Rob
