HTML/Javascript/CSS Help

[eyehawk78]

1

US West

Trade - F2P

2

US West

Trade - P2P

[ClareJonsson]

Here's one you can use:

 

 

 

http://www.berzerk.co.uk/box/BOX.zip

 

 

 

And here's a demo:

 

 

 

http://www.berzerk.co.uk/box/

 

 

 

TTFN,

 

Clare.

[agira]

You need DHTML layer for this

[eyehawk78]

Here's one you can use:

 

 

 

http://www.berzerk.co.uk/box/BOX.zip

 

 

 

And here's a demo:

 

 

 

http://www.berzerk.co.uk/box/

 

 

 

TTFN,

 

Clare.

 

 

 

Eek that's complicated :? I'll see what I can learn from it. Thanks!

[Olgath]

Hover over me

[eyehawk78]

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40

[Olgath]

P.s. Just another quick question though, does anyone know how to get the box to display to the left hand side of the pointer, if the box will appear off the right hand side of the page?

 

 

 

I don't have any complete code for you(don't have time to bulid and test). However, you would need to get the viewable width of your page.

 

Subtract the e.clientX from your viewable width. If the result is less than the width of your floating div, then you will need to adjust to the left(e.clientX - divwidth - arbitraryamountyoudecide). e.clientX is your mouse position when the event was called. If it's at point 442, your page width is 500, and you div witdh is 100, then it isn't going to fit without running over the page.

 

 

 

Here are two functions for getting the viewport width and height of the page

 

function pageWidth()



{



	return window.innerWidth || (document.documentElement.clientWidth || document.body.clientWidth);



}



function pageHeight()



{



    return window.innerHeight || (document.documentElement.clientHeight || document.body.clientHeight);



}