Jak zrobić banner pogodowy

[astrobaza]

ok. Już wszystko w porządku źle kodowałem ten kod

[dandi]

Słuchajcie wpadłem na jeszcze jeden pomysł jak można fajnie to wszystko wykorzystać, tylko mam problem z dodaniem do tego kodu odpowiedniej funkcji.
Mam mały banner http://pogoda-zachodniopomorskie.pl/pogodachoszczno.php chciał bym zastosować tam automatyczną zmianę danych z racji tego że jest to mały banner chciałbym aby dane zmieniały się np. co 5 sek na sam początek temperatura potem np. wiatr opady ciśnienie itd.
Tu znalazłem świetny sposób jak by to mogło wyglądać http://www.htmldrive.net/items/demo/411/Super-simple-jQuery-ticker-text-slideshow efect FADE.
Robiłem to metodą prób i błędów ale nic mi nie wychodziło
przesyłam jeszcze mój kod jaki jest w tej chwili - proszę o pomoc.

Kod: [Zaznacz]

<?php
/********************************************************
 *  Banner pogodowy
 *  Autor: Stacje-Pogody.pl
 *  WWW: http://stacje-pogody.pl
 *  Utworzone (dd-mm-rrrr): 08-05-2012
 ********************************************************
 *  Informacja o licencji: Skrypt jest darmowy
 *  License Information: This script is freeware
 ********************************************************/


$url='http://pogoda-zachodniopomorskie.pl/includes/webfiles/realtime.txt';

$realtime=@file_get_contents($url);
if(empty($realtime))
{
  exit;
}

$pogoda=explode(' ',trim($realtime));

$symbol_temp=html_entity_decode('&#38;#176;'.$pogoda['14']);
$symbol_stop=html_entity_decode('&#38;#176;');






$tytul='';
$tekst0='Temperatura';
$tekst1=''.$pogoda['2'].$symbol_temp.' ';
 
//$tekst3='Wilgotność: '.$pogoda['3'].'%';
//$tekst4='Punkt rosy: '.$pogoda['4'].$symbol_temp;
$tekst5='Ciśnienie: '.$pogoda['10'].$pogoda['15'].' '; 
//$tekst6='Wiatr: '.$pogoda['6'].$pogoda['13'].' '.$pogoda['11'].' ('.$pogoda['7'].$symbol_stop.') '.$pogoda['12'].' Beauforta';
//$tekst7='Wiatr porywy: '.$pogoda['40'].$pogoda['13'];

$tekst9='Data: '.$pogoda['0'].' '.$pogoda['1'];

header('Content-type: image/png');
$im=imagecreatefrompng('tloch.png');

$kolor['inny'] = imagecolorallocate($im, 45, 178, 234);
$kolor['czerwony'] = imagecolorallocate($im,255,0,0);
$kolor['czerwony2'] = imagecolorallocate($im,162,64,51);  
$kolor['zielony'] = imagecolorallocate($im,51,255,34);
$kolor['bialy'] = imagecolorallocate($im, 255,255,255);  
$kolor['szary'] = imagecolorallocate($im, 197,216,221);  
$kolor['niebieski'] = imagecolorallocate($im,153,204,255);
$kolor['niebieski1'] = imagecolorallocate($im,0,255,246);
$kolor['zolty'] = imagecolorallocate($im,255,255,145);  
$kolor['zolty2'] = imagecolorallocate($im,255,255,145); 
$kolor['zolty3'] = imagecolorallocate($im,255,204,0);     
$kolor['rozowy'] = imagecolorallocate($im,255,0,102);  
$kolor['fiolet'] = imagecolorallocate($im,0,0,128);  

$font1='./arialbd.ttf';

imagettftext($im, 10, 0, 5, 15, $kolor['czerwony'], $font1, $tytul);

$font='./arial.ttf';
imagettftext($im, 9, 0, 5, 32, $kolor['inny'], $font, $tekst0);
imagettftext($im, 16, 0, 5, 54, $kolor['inny'], $font1, $tekst1);
imagettftext($im, 9, 0, 5, 54, $kolor['czerwony'], $font, $tekst2);
imagettftext($im, 9, 0, 5, 72, $kolor['czarny'], $font, $tekst3);
imagettftext($im, 9, 0, 5, 90, $kolor['czarny'], $font, $tekst5);
imagettftext($im, 9, 0, 5, 108, $kolor['czarny'], $font, $tekst4);
imagettftext($im, 9, 0, 5, 126, $kolor['czerwony'], $font, $tekst7);
imagettftext($im, 9, 0, 5, 144, $kolor['zolty'], $font, $tekst8);
imagettftext($im, 9, 0, 5, 166, $kolor['zolty2'], $font1, $tekst9);
//imagettftext($im, 10, 0, 5, 198, $kolor['bialy'], $font, $tekst9);

imagepng($im);
imagedestroy($im); 
 
?>Pozdrawiam

[Almon]

Od wczoraj mam stację pogodową. Kupiłem po to by działała non stop w internecie. Naprędce skorzystałem z gotowych wzorów - musiałem przeskalować i nadać przezroczystość niektórym grafikom i z tym sobie poradziłem. Niestety nie umiem spasować napisów do liczników. Nie znam się na kodowaniu w PHP za bardzo. Co robię nie tak?
http://almon.pl/pogoda/pogodynka.php

[Serenator]

Może poniższe wskazówki okażą się pomocne:
http://stacje-pogody.pl/artykul_jak_zrobic_strone_www_stacji_pogodowej_cz_2_wskaznik_zegarowy,3.html

[Parasol]

Mam mały banner http://pogoda-zachodniopomorskie.pl/pogodachoszczno.php chciał bym zastosować tam automatyczną zmianę danych z racji tego że jest to mały banner chciałbym aby dane zmieniały się np. co 5 sek na sam początek temperatura potem np. wiatr opady ciśnienie itd.

Sprawa jest prosta, nic nie zmieniasz w kodzie banera. No bo i po co sobie utrudniać życie, jak można coś zrobić prosto . Wystarczy odświeżać na stronie obrazek banera co 5 sekund . W sieci znajdziesz sporo rozwiązań tego problemu - szukaj "auto refresh img".

Przykład kodu z sieci - nie wiem czy działa.

Kod: [Zaznacz]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
//<![CDATA[
window.onload = function() {
img = document.getElementById('refreshImage');
img.src += "?";
setInterval("img.src=img.src.replace(/\\?[0-9]*/, '?'+Math.floor(Math.random()*9999999+1));", 5000);
}
//]]>
</script>
</head>

<body>
<img src="theImage.jpg" id="refreshImage" />
</body>
</html>

[dandi]

Parasol nie bardzo rozumiem. Gdzie miał bym ten kod umieścić?
Na stronie dodałem już dane ze stacji pogody ale obecnie wyświetla się tylko aktualna temperatura jest on mały więc chciał bym zaoszczędzić miejsca na stronie i dać tz. rotator danych co kilka sek.

[Parasol]

Parasol nie bardzo rozumiem. Gdzie miał bym ten kod umieścić?
Na stronie dodałem już dane ze stacji pogody ale obecnie wyświetla się tylko aktualna temperatura jest on mały więc chciał bym zaoszczędzić miejsca na stronie i dać tz. rotator danych co kilka sek.

Na stronie na której umieszczasz baner dajesz pomiędzy <head></head>:

Kod: [Zaznacz]

<script type="text/javascript">
//<![CDATA[
window.onload = function() {
img = document.getElementById('refreshImage');
img.src += "?";
setInterval("img.src=img.src.replace(/\\?[0-9]*/, '?'+Math.floor(Math.random()*9999999+1));", 5000);
}
//]]>
</script>
Do img dodajesz id="refreshImage"

Czyli masz coś takiego: <img src="http://pogoda-zachodniopomorskie.pl/pogodachoszczno.php" id="refreshImage" />

Jak chcesz zmienić odświeżanie obrazka np. na 10 sekund, to zmieniasz 5000 na 10000:

Kod: [Zaznacz]

setInterval("img.src=img.src.replace(/\\?[0-9]*/, '?'+Math.floor(Math.random()*9999999+1));", 10000);
Im prostsze i łatwiejsze rozwiązanie problemu tym lepiej .

[dandi]

No nie do końca jest to dobre rozwiązanie przynajmniej dla mnie. Moja strona jest na cms php-fusion i nie bardzo mogę dać sobie kod do zmiany danego obrazka.
Potrzebne jest mi inne wyjście z tej sytuacji. Masz jakieś inne propozycje?

Edit:
Fajnie było by zastosować coś takiego jak jest tu na stronie http://www.andretti.pl/index.php w prawym górnym rogu.
Wiem że to jest inny system ale może da zrobić coś podobnego.

[Parasol]

Fajnie było by zastosować coś takiego jak jest tu na stronie http://www.andretti.pl/index.php w prawym górnym rogu.
Wiem że to jest inny system ale może da zrobić coś podobnego.

Na tej stronie wykorzystywany jest AJAX. To co podałem, to bardzo proste rozwiązanie, łatwe w implementacji - kilka linijek kodu... A im prościej coś jest zrobione, tym łatwiej to kontrolować... Im mniej linijek kodu, tym działa wszystko wydajniej (szybciej) na serwerze...

[Parasol]

@dandi
Jest jeszcze prostsze rozwiązanie -  tylko 1 linijka kodu . Dodaj poniższy kod gdzieś na początku skryptu banera (pogodachoszczno.php) - odświeżanie co 10 sekund.

Kod: [Zaznacz]

header("refresh:10;url=pogodachoszczno.php");

[Parasol]

Od wczoraj mam stację pogodową. Kupiłem po to by działała non stop w internecie. Naprędce skorzystałem z gotowych wzorów - musiałem przeskalować i nadać przezroczystość niektórym grafikom i z tym sobie poradziłem. Niestety nie umiem spasować napisów do liczników. Nie znam się na kodowaniu w PHP za bardzo. Co robię nie tak?

W pliku pogoda_zegar.php musisz pozmieniać wartości zaznaczone na zielono - lewa wartość pozycja X, prawa Y. Wszystko jest liczone od górnego lewego rogu (0,0) obrazka.

   pozycja_tekstu($obr_tlo,$_GET['n'],5,125,87,$kolor['czerwony2']);   
   pozycja_tekstu($obr_tlo,$min,$font,83,165,$kolor['czerwony'],1);       
   pozycja_tekstu($obr_tlo,$min+(3*$jeden_segment),$font,70,105,$kolor['czerwony'],1);
   pozycja_tekstu($obr_tlo,$min+(6*$jeden_segment),$font,125,70,$kolor['czerwony']);   
   pozycja_tekstu($obr_tlo,$min+(9*$jeden_segment),$font,183,105,$kolor['czerwony'],0,1);
   pozycja_tekstu($obr_tlo,$min+(12*$jeden_segment),$font,169,165,$kolor['czerwony'],0,1);
   pozycja_tekstu($obr_tlo,$_GET['w'].html_entity_decode($_GET['j']),5,125,195,$kolor['zielony2']);

[dandi]

@dandi
Jest jeszcze prostsze rozwiązanie -  tylko 1 linijka kodu . Dodaj poniższy kod gdzieś na początku skryptu banera (pogodachoszczno.php) - odświeżanie co 10 sekund.

Kod: [Zaznacz]

header("refresh:10;url=pogodachoszczno.php");

Wielkie dzięki działa świetnie teraz tylko jak zrobić aby dane się zmieniały.
Zmieniały w sensie temperatura za chwilę wiatr potem ciśnienie itd.

[Parasol]

Zmieniały w sensie temperatura za chwilę wiatr potem ciśnienie itd.

Co masz na myśli? Chodzi ci o coś w stylu paska news'ów - w jednym polu wyświetlane są co chwile inne informacje?

[dandi]

Tak dokładnie o to mi chodzi.
Mam baner http://pogoda-zachodniopomorskie.pl/pogodachoszczno.php temperatura miała by być nie zmienna a pozostałe dane zmieniały by się
Teraz jest ciśnienie, punkt rosy, wiatr z kilka sekund miało by się zmienić na opady, wilgotność albo np. Wschód słońca, zachód słońca. Po prostu jakieś inne dane na jednym banerze.

[Parasol]

Tak dokładnie o to mi chodzi.
Mam baner http://pogoda-zachodniopomorskie.pl/pogodachoszczno.php temperatura miała by być nie zmienna a pozostałe dane zmieniały by się
Teraz jest ciśnienie, punkt rosy, wiatr z kilka sekund miało by się zmienić na opady, wilgotność albo np. Wschód słońca, zachód słońca. Po prostu jakieś inne dane na jednym banerze.

Można to zrobić tak. Taki szybki/pierwszy pomysł. Przy każdym odświeżeniu trzeba wyświetlać inny tekst. W jakimś pliku zapamiętujesz numer ostatnio wyświetlanego tekstu i IP odwiedzającego. Przy każdym odświeżeniu sprawdzasz numer ostatniego tekstu i IP odwiedzającego, zwiększasz numer tekstu o +1, zapisujesz zwiększony numer ponownie do pliku i wyświetlasz kolejny tekst.