Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] załadowanie skryptu dopiero po wyświetleniu diva w oknie przeglądarki
blokern
post
Post #1





Grupa: Zarejestrowani
Postów: 107
Pomógł: 0
Dołączył: 27.02.2008

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

cześć w jaki sposób odpalić skrypt JS dopiero w momencie w którym w oknie przeglądarki zobaczę w 100% element w tym przypadku div o id="xyz"?

np 

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. </head>
  4. <body>
  5. <h1>test</h1>
  6. <div style="height: 2300px;">abc</div>
  7. <div id="xyz" style="width: 10px; height: 10px; background: #ff6600;"></div>
  8. </body>
  9. </html>
[HTML] pobierz, plaintext


reasumując: wchhodzę na stronę, przewijam stronę w dół i jak w widze warste xyz to załadowuje mi sie skrypt

z góry dziekuje za pomoc
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
blokern
post
Post #2





Grupa: Zarejestrowani
Postów: 107
Pomógł: 0
Dołączył: 27.02.2008

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

to z (abc,1000) zapamietam. dzieki (IMG:style_emoticons/default/smile.gif)

ogolnie tak to wyglada... ale napisz prosze na co zwrocic uwage przy modyfikacji zeby skrypt tak jak wspomniales dzialal tylko jak element jest w oknie przegladarki? 

[PHP] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  5. <script>
  6. time = 0;
  7. setInterval(abc,1000); 
  8.     function abc(){
  9.         var eTop = $('#gora').offset().top;
  10. 		var eTopDol = $('#dol').offset().top;
  11. 		var roznica = eTop - $(window).scrollTop();
  12. 		var roznicaDol = eTopDol - $(window).scrollTop();		
  13. 		var wys = ($(window).height())
  14. 		if((roznica)>=0){
  15. 			if((wys)>=(roznica)){
  16. 				var gora = 1;
  17. 				if((wys)>=(roznicaDol)){
  18. 					if((roznicaDol)>=200){
  19. 					var dol = 1;
  20. 							if((gora+dol)>=2){
  21. 							console.log(gora+dol);
  22. 							time++;
  23. 							if((time)==5){
  24. 							console.log('boom'); //tutaj zliczam statystyki
  25. 							}
  26. 						}
  27. 					}
  28. 				}
  29. 			}
  30. 		}
  31.     }	
  32. </script>
  33. </head>
  34. <body>
  35. <div style="height: 1000px;"></div>
  36. <div id="gora"style="border-top: 1px solid #000;"></div>
  37. <div style="height: 200px;">box co ma 200px wysokosci</div>
  38. <div id="dol" style="border-top: 1px solid #000;"></div>
  39. <div style="height: 1000px;"></div>
  40. </body>
  41. </html>
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- blokern   [JavaScript] załadowanie skryptu dopiero po wyświetleniu diva w oknie przeglądarki   29.10.2016, 18:00:09
- - SmokAnalog   Pobierasz pozycję elementu w pionie i przy scrollo...   29.10.2016, 23:35:30
- - blokern   dziekuje SmokAnalog mam taki dzialajacy kod, jak...   30.10.2016, 18:17:44
- - SmokAnalog   Żeby sumować czas przy zdarzeniu, użyj setInterval...   30.10.2016, 18:45:14
- - blokern   setInterval() - dokladnie i wywoluje przy zdarzeni...   30.10.2016, 19:23:08
|- - SmokAnalog   Ten setInterval() ustawiasz na scrollu, ale tylko ...   30.10.2016, 20:39:16
- - blokern   sam sobie odpowiem. pewnie kod bardzo zle napisany...   30.10.2016, 20:39:43
- - SmokAnalog   Tak też może być w sumie Zrobiłeś inaczej, bo u C...   30.10.2016, 20:44:35
- - blokern   to z (abc,1000) zapamietam. dzieki ogolnie tak t...   30.10.2016, 21:21:23
- - SmokAnalog   A może powiedz najpierw do czego Ci jest potrzebne...   30.10.2016, 21:29:05
- - blokern   mam serwis internetowy i chce sprawdzic czy sa wid...   30.10.2016, 21:37:55

« Następny starszy · Przedszkole · 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 · Przełącz na: Linearny+ · Drzewo

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

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