[JS] 'popup' staat verkeerd

[Scotix]

Hallo Tweakers

Ik zit nu met een stukje javascript wat ik niet goed aan de praat krijgt.
Er moet een klein zwevend plaatje komen als ik met een muis over een link ga.

Ik heb het volgende stukje javascript:

PHP:

<SCRIPT TYPE="text/javascript">
<!--

Xoffset= 16; 
Yoffset= 16; 

var old,skn,iex=(document.all),yyy=-1000;

var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all

if (ns4)
skn=document.thumbblok
else if (ns6)
skn=document.getElementById("thumbblok").style
else if (ie4)
skn=document.all.thumbblok.style
if(ns4)document.captureEvents(Event.MOUSEMOVE);
else{
skn.visibility="visible"
skn.display="none"
}
document.onmousemove=get_mouse;

function popup(msg,bak){
var content="<TABLE WIDTH=80 border=1 style=\"border-collapse: collapse\" bordercolor=#000000 CELLPADDING=0 CELLSPACING=0 style='border-top: 1px valid #000000'><TD ALIGN=center><FONT COLOR=black SIZE=2>"+msg+"</FONT></TD></TABLE>";
yyy=Yoffset;
if(ns4){skn.document.write(content);skn.document.close();skn.visibility="visible"}
if(ns6){document.getElementById("thumbblok").innerHTML=content;skn.display=''}
if(ie4){document.all("thumbblok").innerHTML=content;skn.display=''}
}

function get_mouse(e){
var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollLeft;
skn.left=x+Xoffset;
var y=(ns4||ns6)?e.pageY:event.y+document.body.scrollTop;
skn.top=y+yyy;
}

function stopthumb(){
yyy=-1000;
if(ns4){skn.visibility="hidden";}
else if (ns6||ie4)
skn.display="none"
}

//-->
</SCRIPT>

en het volgende stukje CSS en een DIV layer:

PHP:

<STYLE TYPE="text/css">
<!--
#thumbblok {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;Y-INDEX:200;}
//-->

</STYLE>
<DIV ID="thumbblok"></DIV>

alleen het vage is, als ik de style gewoon inde header zet, en de DIV layer bovenaan de body zet, dan doet hij het niet, hij toont in FF de screenshot linksbovenin en in IE toont hij de screenshot wel goed maar als ik naar beneden scroll, dan gaat die ook verkeerd.

echter, als ik de CSS en Style helemaal bovenaan zet, boven alles, ook de HTML tags, dan gaat het het echter wel goed, de screenshot zweeft mooi naast de muiscursor en alles gaat goed, alleen de style is dan helemaal verkeerd, alle stylen van de teksten zijn dan helemaal verkeerd.

Ik heb al gezocht met de search, ik heb niks kunnen vinden
erg vaag
misschien dat iemand mij hier kan helpen.

alvast bedankt

[Rowanov]

Heb je dit stukje zelf geschreven? Het stukje script doet mij een beetje prehistorisch overkomen aangezien er rekening wordt gehouden met Netscape 4.

offtopic:
Er zijn ook andere code highlighters naast php; neem bijvoorbeeld html, css en js

[ Voor 27% gewijzigd door Rowanov op 06-06-2006 18:52 ]

[Beekforel]

Hier zijn imho veel mooiere CSS oplossingen voor tegenwoordig, bijvoorbeeld deze.

[Scotix]

hmm stukje geript
maar zal die oplossing van freakstar eens proberen

[Scotix]

met de oplossing van freakstar is het goed gelukt thnx !