Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [js] zmniejszanie diva
Balon
post
Post #1





Grupa: Zarejestrowani
Postów: 422
Pomógł: 0
Dołączył: 14.12.2005
Skąd: Wałbrzych

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

Napisalem taki skrypt sobie... wiem ze jest cos w nim zle ale jestem poczatkujacy w js (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) 

[HTML] pobierz, plaintext 
  1. <div id="slide" style="background-color: red;" height="30px">kaka<br/></div>
  2.  
  3. <script type="text/javascript">
  4. 	function $( id )
  5. 	{
  6. 		return document.getElementById( id );
  7. 	}
  8.  
  9. 	function slideStart()
  10. 	{
  11. 		interval = setInterval( 'slide()', 250 );
  12. 	}
  13.  
  14. 	function slide()
  15. 	{
  16. 		id = $( 'slide' );
  17. 		if( id.style.height > 0 )
  18. 		{
  19. 			id.style.height -= 1;
  20. 		}
  21. 		else
  22. 		{
  23. 			clearInterval( interval );
  24. 		}
  25. 	}
  26.  
  27. 	onload = slideStart();
  28. </script>
[HTML] pobierz, plaintext


w jaki sposob to przeksztalcic zeby dzialalo ?

prosze o pomoc (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
siemakuba
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 112
Pomógł: 20
Dołączył: 10.04.2005

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

po pierwsze:
Kod
interval = setInterval( 'slide', 250 );
// zamiast
interval = setInterval( 'slide()', 250 );
po drugie, wysokość przed porownaniem musisz sprowadzic do liczby:
Kod
var eHeight = parseInt(id.style.height, 10);
if( eHeight > 0 )
po trzecie, przpisując wartość stylu pamiętaj o jednostkach:
Kod
id.style.height = (eHeight - 1)+'px';
po czwarte, czy zmniejszanie o 1 pixel to na pewno dobry pomysł? tu musisz potestować jak będzie wyglądać najlepiej.
Po piąte, dlaczego np. nie użyć wbudowanej w FireFoxa konsoli JavaScript i nie sprawdzić co nam powie kiedy skrypt nie działa? Wiekszość wskazanych przeze mnie błędów z pewnością byś tam zauważył.

pozdr.
Go to the top of the page
+Quote Post
Balon
post
Post #3





Grupa: Zarejestrowani
Postów: 422
Pomógł: 0
Dołączył: 14.12.2005
Skąd: Wałbrzych

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

ok porpawilem jak trzeba i to dziala... teraz chcialem jednak przerobic to tak zeby w zaleznosci od podanego czasu div zmniejszal sie o odpowiednia ilosc px... jednak nie potrafie tego dograc :/

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. 	var slideTime = 250;	
  3.  
  4. 	function $( id )
  5. 	{
  6. 		return document.getElementById( id );
  7. 	}
  8.  
  9. 	function slideStart()
  10. 	{
  11. 		interval = setInterval( 'slide()', 15 );
  12. 	}
  13.  
  14. 	function slide()
  15. 	{
  16.  
  17. 		var id = $( 'slider' );
  18. 		var px = slideTime / 50;
  19. 		var eHeight = parseInt( id.style.height, 10 );
  20. 		if( eHeight > 0 )
  21. 		{
  22. 			id.style.height = (eHeight - px)+'px';
  23. 		}
  24. 		else
  25. 		{
  26. 			clearInterval( interval );
  27. 		}
  28. 	}
  29. </script>
  30. <body onload="slideStart()">
  31. <div id="slider" style="background-color: red; height: 50px;">kaka<br/></div>
  32. </body>
[HTML] pobierz, plaintext
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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

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