<html> <head> <script type="text/javascript"> $$( 'body' ).onmouseover=function(event) { var e = new Event(event); var x = e.page.x; var y = e.page.y; $( 'cloud' ).setStyles( { 'visibility':'visible', 'top': y+'px', 'left': x+'px' }); } </script> <style type="text/css"> #cloud { color:black; position:absolute; background-color:pink; width:200px; font-size:12px; border: 1px solid black; } </style> </head> <body> </body> </html>
i pytanie co moze byc problemem?

jak zrobie tak
<html> <head> <script type="text/javascript"> function x(event) { var e = new Event(event); var x = e.page.x; var y = e.page.y; $( 'cloud' ).setStyles( { 'visibility':'visible', 'top': y+'px', 'left': x+'px' }); } </script> <style type="text/css"> #cloud { color:black; position:absolute; background-color:pink; width:200px; font-size:12px; border: 1px solid black; } </style> </head> <body onmouseover="x(event);"> </body> </html>
to wszystko dziala elegancko