Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][HTML]Od¶wieżanie iframe
Forum PHP.pl > Forum > Po stronie przegl±darki
mlawnik
19.05.2010, 18:42:18
Witam,

Posiadam klasę zegarka analogowego w php.

Mamy plik który generuje zegarek w formie png.

Chciałbym wstawić go do ramki tak, aby się sam od¶wieżał co 1 min (Bez od¶wieżania całej strony, tylko ramka!).

Kto¶ mógłby podać jaki¶ kod o który można byłoby się oprzeć.

P.S. Próbowałem wstawiania tak:
Skrypt zegarka w PHP -> 
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta http-equiv="refresh" content="60">
  4. </head>
  5. <body>
  6. <img src="clock_index.php" alt="Clock" />
  7. </body>
  8. </html>
[HTML] pobierz, plaintext

->
[HTML] pobierz, plaintext 
  1. <frame src="clockinclude.html" name="clock" />
[HTML] pobierz, plaintext


Pozdrawiam i z góry dziękuję,
mlawnik
croc
19.05.2010, 18:51:20
A gdyby tak od¶wieżać src obrazka?

A tak BTW, to lepszy byłby taki zegar w JavaScript, bo generowanie obrazka w GD jest ciężkie. Ewentualnie od¶wieżać ten obrazek cronem i po stronie JavaScript kazać mu się od¶wieżać u klienta.
mlawnik
19.05.2010, 19:24:12
W JavaScript raczej trudno zrobić analogowy jak ten.
A jak zrobić to od¶wieżanie w JS?
Bo cron to nie problem, ale na JS się nie znam
croc
19.05.2010, 19:37:23
Zobacz jakie tu s± fantastyczne zegary: http://randomibis.com/coolclock/

Wystarczy zrobić wskazówki, mog± być przecież na dowolnym obrazkowym tle, ale o tym pewnie wiesz.

Co do od¶wieżania obrazka:

[JAVASCRIPT] pobierz, plaintext 
  1. document.getElementById('clock').src = 'clock.php';
[JAVASCRIPT] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. <img src="clock.php" id="clock" alt="">
[HTML] pobierz, plaintext
mlawnik
20.05.2010, 14:35:16
Witam,

Jednak to od¶wieżanie nie działa.

Można prosić o poprawkę?
qasz
20.05.2010, 16:24:20
Powinno pomóc, nie potrzebujesz też używać do tego frame : 

[HTML] pobierz, plaintext 
  1. <script type="text/javascript" src="jquery.js"></script>
  2. <script type="text/javascript">
  3. jQuery.noConflict();
  4.  
  5. function refreshing()
  6. { 
  7. 	id = setInterval('rotate',1000);
  8. }
  9.  
  10. function rotate()
  11. {
  12. 	jQuery("#clock").attr("src","clock.php");
  13. }
  14.  
  15. jQuery(document).ready(function()
  16. 		{
  17.  
  18. 			refreshing();
  19. 		});
  20. </script>
  21.  
  22. <img src="clock.php" id="clock" alt="" />
[HTML] pobierz, plaintext


Wersja bez jQuery :

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2.  
  3. function refreshing()
  4. { 
  5. 	setInterval('rotate',1000);
  6. }
  7.  
  8. function rotate()
  9. {
  10. 	document.getElementById('clock').src = 'clock.php';
  11. }
  12.  
  13. 	refreshing();
  14.  
  15. </script>
  16.  
  17. <img src="clock.php" id="clock" alt="" />
  18.  
[HTML] pobierz, plaintext


To jest wersja lo-fi głównej zawarto¶ci. Aby zobaczyć pełn± wersję z większ± zawarto¶ci±, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.