Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [js][mootools] Chmurki
skowron-line
post 3.07.2008, 15:26:37
Post #1





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

Ostrzeżenie: (0%)
-----


  1. <script type="text/javascript" src="mootools.js"></script>
  2. <script type="text/javascript">
  3.  
  4. $$( 'body' ).onmouseover=function(event) {
  5. var e = new Event(event);
  6. var x = e.page.x;
  7. var y = e.page.y;
  8. $( 'cloud' ).setStyles( {
  9. 'visibility':'visible',
  10. 'top': y+'px',
  11. 'left': x+'px'
  12. });
  13.  
  14. }
  15.  
  16. </script>
  17. <style type="text/css">
  18. #cloud {
  19. color:black;
  20. position:absolute;
  21. background-color:pink;
  22. width:200px;
  23. font-size:12px;
  24. border: 1px solid black;
  25. }
  26. </style>
  27. </head>
  28. <span id="cloud">skowron</span>
  29. </body>
  30. </html>

i pytanie co moze byc problemem?questionmark.gif

jak zrobie tak
  1. <script type="text/javascript" src="mootools.js"></script>
  2. <script type="text/javascript">
  3.  
  4. function x(event) {
  5. var e = new Event(event);
  6. var x = e.page.x;
  7. var y = e.page.y;
  8. $( 'cloud' ).setStyles( {
  9. 'visibility':'visible',
  10. 'top': y+'px',
  11. 'left': x+'px'
  12. });
  13.  
  14. }
  15.  
  16. </script>
  17. <style type="text/css">
  18. #cloud {
  19. color:black;
  20. position:absolute;
  21. background-color:pink;
  22. width:200px;
  23. font-size:12px;
  24. border: 1px solid black;
  25. }
  26. </style>
  27. </head>
  28. <body onmouseover="x(event);">
  29. <span id="cloud">skowron</span>
  30. </body>
  31. </html>

to wszystko dziala elegancko


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 1)
ferr
post 3.07.2008, 23:40:43
Post #2





Grupa: Zarejestrowani
Postów: 122
Pomógł: 3
Dołączył: 18.12.2004

Ostrzeżenie: (0%)
-----


Moze bys tak dodal to zdarzenie w window.addEvent("load", function() { }); co? tongue.gif


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 06:48