Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [js] Button sekundowy
ComBox
post 12.09.2006, 13:46:25
Post #1





Grupa: Zarejestrowani
Postów: 77
Pomógł: 0
Dołączył: 11.09.2006
Skąd: Bydgoszcz

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

Witam!
Tworze strony od jakiegos czasu, jednak nigdy nie interesowalem sie js, a potrzebuje buttona, ktory po czasie, np. 40 sekund umozliwi klikniecie w niego i sciagniecie jakiegos pliku (cos jak w rapidshare). Prosilbym osobe, ktora zna js o podanie mi krotkiego kodu takiego buttona.
Dzieki i pozdrawiam
Go to the top of the page
+Quote Post
My4tic
post 12.09.2006, 13:55:30
Post #2





Grupa: Zarejestrowani
Postów: 260
Pomógł: 0
Dołączył: 4.08.2005

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

Gotowego kodu nie podam ale podpowiem Ci jak to zrobić.

1. Zrób sobie funkcje pobierającą dwa parametry - ID buttona i czas
2. W funkcji robisz pewnego rodzaju countdown (poszukaj w google - jest tego sporo)
3. Gdy countdown skończy odliczać czas, używająć: 

[HTML] pobierz, plaintext 
  1. document.getElementById('ID butona').disabled=false
[HTML] pobierz, plaintext


...możesz sobie włączyć button. Oczywiście ID buttona to ID przypisane tak:

[HTML] pobierz, plaintext 
  1. <input type="submit" value="download" id="button_01" disabled="disabled" />
[HTML] pobierz, plaintext


Powodzenia.

Ten post edytował My4tic 12.09.2006, 13:55:46


--------------------
Załóż konto na dropbox.
Go to the top of the page
+Quote Post
ComBox
post 12.09.2006, 14:24:26
Post #3





Grupa: Zarejestrowani
Postów: 77
Pomógł: 0
Dołączył: 11.09.2006
Skąd: Bydgoszcz

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

[HTML] pobierz, plaintext 
  1. <script language="Javascript">
  2. x414=40;
  3. function countdown() 
  4. {
  5.  if ((0 <= 100) || (0 > 0))
  6.  {
  7.   x414--;
  8.   if(x414 == 0)
  9.   {
  10. document.getElementById("dl").innerHTML = '<input type="submit" value="Pobierz plik" onClick="window.location='http://tutajplikdosciagniecia'">';
  11.   }
  12.   if(x414 > 0)
  13.   {
  14.  document.getElementById("dl").innerHTML = '<input type=submit value=\"Prosz� czeka� '+x414+' sekund..\">';
  15.    setTimeout('countdown()',1000);
  16.   }
  17.  }
  18. }
  19. countdown();
  20. </script>
[HTML] pobierz, plaintext


Moze byc cos takiego?

edit: mam problem z odpaleniem tego, ktos moglby mi napisac co jest zle?

Ten post edytował ComBox 12.09.2006, 14:29:41
Go to the top of the page
+Quote Post
My4tic
post 12.09.2006, 15:21:48
Post #4





Grupa: Zarejestrowani
Postów: 260
Pomógł: 0
Dołączył: 4.08.2005

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

JS

[HTML] pobierz, plaintext 
  1. <script>
  2. function countdown(dd){
  3. sek = dd;
  4.  
  5. godziny=Math.floor(dd/3600);
  6. remain=Math.floor(dd-(godziny*3600));
  7. minuty=Math.floor(remain/60);
  8. sekundy=Math.floor(dd-(minuty*60+godziny*3600));
  9.  
  10. if (sekundy<10) sekundy= "0"+sekundy;
  11. if (minuty<10) minuty= "0"+minuty;
  12. if (godziny<10) godziny= "0"+godziny;
  13.  
  14.  
  15. document.getElementById("count").value=godziny+":"+minuty+":"+sekundy;
  16.  
  17.  
  18. if (dd==0) {
  19.         document.getElementById("count").value="Download";
  20.         document.getElementById("count").disabled=false;
  21.         return
  22. }
  23.  
  24. sek = dd - 1
  25. setTimeout("countdown(sek)",1000);
  26. }
  27. </script>
[HTML] pobierz, plaintext


HTML

[HTML] pobierz, plaintext 
  1. <html>
  2. <head></head>
  3. <body onload="countdown(10)">
  4. <form>
  5. <input type="submit" value="download" id="count" disabled="disabled" />
  6. </form>
  7. </body>
  8. </form>
[HTML] pobierz, plaintext


Ten post edytował My4tic 12.09.2006, 15:22:05


--------------------
Załóż konto na dropbox.
Go to the top of the page
+Quote Post
ComBox
post 12.09.2006, 15:35:00
Post #5





Grupa: Zarejestrowani
Postów: 77
Pomógł: 0
Dołączył: 11.09.2006
Skąd: Bydgoszcz

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

A gdzie mozna podac url tego pliku, zeby po odczekaniu tych sekund mozna bylo sciagnac??
Go to the top of the page
+Quote Post
My4tic
post 12.09.2006, 15:42:27
Post #6





Grupa: Zarejestrowani
Postów: 260
Pomógł: 0
Dołączył: 4.08.2005

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

A może troche samodzielności? Co to - koncert życzeń jest? Przecież to są podstawy, pomyśl troche to napiszesz.


--------------------
Załóż konto na dropbox.
Go to the top of the page
+Quote Post
ComBox
post 12.09.2006, 15:43:40
Post #7





Grupa: Zarejestrowani
Postów: 77
Pomógł: 0
Dołączył: 11.09.2006
Skąd: Bydgoszcz

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

Chociaz napisz mi co jest zle w tym kodzie:

[HTML] pobierz, plaintext 
  1. <script language="Javascript">
  2. x414=40;
  3. function countdown()
  4. {
  5. if ((0 <= 100) || (0 > 0))
  6. {
  7. 	x414--;
  8. 	if(x414 == 0)
  9. 	{
  10. 		document.getElementById("dl").innerHTML = '<input type="submit" value="Pobierz plik" onClick="window.location='http://tutajplikdosciagniecia'">';
  11. 	}
  12. 	if(x414 > 0)
  13. 	{
  14. 		document.getElementById("dl").innerHTML = '<input type=submit value=\"Prosz? czeka? '+x414+' sekund..\">';
  15. 		setTimeout('countdown()',1000);
  16. 	}
  17. }
  18. }
  19. countdown();
  20. </script>
[HTML] pobierz, plaintext


Ten post edytował ComBox 12.09.2006, 15:46:37
Go to the top of the page
+Quote Post
My4tic
post 12.09.2006, 15:47:54
Post #8





Grupa: Zarejestrowani
Postów: 260
Pomógł: 0
Dołączył: 4.08.2005

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

Cytat(ComBox @ 12.09.2006, 14:43:40 ) *
To zes mi pomogl


Jakbys nie zauwazył podałem ci caly kod. Wypadałoby podziękować a za takie lenistwo i posty jak wyżej powinieneś warna dostać. Dla mnie koniec tematu. Powodzeniu w przepisywaniu skryptów.


--------------------
Załóż konto na dropbox.
Go to the top of the page
+Quote Post
ComBox
post 12.09.2006, 15:52:01
Post #9





Grupa: Zarejestrowani
Postów: 77
Pomógł: 0
Dołączył: 11.09.2006
Skąd: Bydgoszcz

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

OK, juz sie skapnelem. Sory zamulilem, dzisiaj mam ciezki dzien. Dzieki za pomoc. smile.gif
Go to the top of the page
+Quote Post
SHiP
post 12.09.2006, 16:26:12
Post #10





Grupa: Zarejestrowani
Postów: 697
Pomógł: 47
Dołączył: 19.12.2003
Skąd: Lublin

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

Kiedyś już zamieszcząłem gotowy kod timera, zamieszczę jeszcze raz
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. var Timeout=Array();
  3.  
  4. function timer(id,time,endcode)
  5. {
  6.  
  7.     window.clearTimeout(Timeout['timer_'+id]);
  8.  
  9.     time--;
  10.     var myTime = time;
  11.  
  12.     var hours = Math.floor(time/3600);
  13.     time-=hours*3600;
  14.     var min = Math.floor(time/60);
  15.     time-=min*60;
  16.  
  17.     if(hours<10) hours='0'+hours;
  18.     if(min<10) min='0'+min;
  19.  
  20.     if(myTime==0) {document.getElementById(id).innerHTML='';  eval(endcode); return 0; }
  21.         else document.getElementById(id).innerHTML=hours+':'+min+':'+time;
  22.  
  23.   Timeout['timer_'+id] = window.setTimeout('timer("'+id+'",'+myTime+',"'+endcode+'")', 1000);
  24. }
  25. </script>
  26.  
  27. <div id="licznik"></div>
  28.  
  29. <script type="text/javascript">
  30.  
  31. timer("licznik",6,"alert('Odblokuj button)");
  32. </script>
[HTML] pobierz, plaintext


W funkcji timer("licznik",6,"alert('Odblokuj button)");
kolejno patametry to:
- id licznika
- ilosc sekund
- kod javascript który ma sie wykonac po uplywie tego czasu


--------------------
Warsztat: Kubuntu, PhpStorm, Opera
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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 Wersja Lo-Fi Aktualny czas: 18.07.2025 - 01:44
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn