Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [js][mootools] Chmurki
skowron-line
post
Post #1





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

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

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

i pytanie co moze byc problemem?(IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

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

to wszystko dziala elegancko
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 1)
ferr
post
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? (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 15:13
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn