Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: JavaScript - Obrazek
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Sezowaty
Witam,

Mam pewien skrypt Java w tabelce HTML. Oto on:

Kod
<table border="5" align="left" width="420" height="255" bgcolor="#1b1b1b">
<tr> <td background="http://static.photaki.com/Chmury-na-niebie-wieczorem--291475.jpg"><b><center>Pogoda</center></b></td> <td><script language="JavaScript">
<!--
function piszTekst(){
napis=new Array(7);
napis[0]="Słoneczny dzień.";
napis[1]="Ciepły dzień.";
napis[2]="Lekkie zachmurzenie.";
napis[3]="Mroźny dzień.";
napis[4]="Bardzo ciepły dzień.";
napis[5]="Częsty deszcz.";
napis[6]="Średnie zachmurzenie.";
now=new Date();
document.write("<center><b>"+napis[now.getDay()]+"</center></b>");
}
//-->
</script><script language="JavaScript">
<!--
piszTekst()
//-->
</script></td> <td><script language="JavaScript">
<!--
function piszTekst(){
napis=new Array(7);
napis[0]="26°C";
napis[1]="21°C";
napis[2]="16°C";
napis[3]="3°C";
napis[4]="29°C";
napis[5]="22°C";
napis[6]="13°C";
now=new Date();
document.write("<center><b>"+napis[now.getDay()]+"</center></b>");
}
//-->
</script>
<script language="JavaScript">
<!--
piszTekst()
//-->
</script></td>
<tr>
<td background="http://th09.deviantart.net/fs17/150/f/2007/204/8/8/Deoxys_Special_Form_by_StellarWind.jpg"><b><center>Eventy</center></b></td><td colspan="2">Brak eventów w tym tygodniu.</td><td> </td>
</tr>
</table>

Dzięki temu kodowi w tabelce w różnych dniach tygodnia jest różna informacja o pogodzie oraz stopnie Celsjusza. Moje pytanie - czy da się też wprowadzisz obrazek tak, by zmieniał się wraz z dniem? Np. tutaj:
function piszTekst(){
napis=new Array(7);
napis[0]="Słoneczny dzień.";
Chcę dać obrazek http://i470.photobucket.com/albums/rr63/Mi...20RPG/clear.png przed "Słoneczny dzień". Gdy będzie ten dzień, w którym pokazuje się informacja "Słoneczny dzień", przed "Słoneczny" był także ten obrazek. Ustawiłbym sobie potem też do innych dni tygodnia w tym skrypcie.
Jak to zrobić?
Kemsan
Kod
<script type="text/javascript">
function WriteStatus(  ){
    var wheater_text = [ ], temperature_wheater_text = [ ], now = new Date(), day = now.getDay();
    
    wheater_text[0] = { name: 'Słoneczny dzień.', image: 'obrazek_sloneczny_dzien.png' };
    wheater_text[1]= { name: 'Ciepły dzień.', image: 'obrazek_cieply_dzien.png' };
    wheater_text[2]= { name: 'Lekkie zachmurzenie.', image: 'obrazek_lekkie_zachmurzenie.png' }
    wheater_text[3]= { name: 'Mroźny dzień.', image: 'obrazek_mronzy_dzien.png' }
    wheater_text[4]= { name: 'Bardzo ciepły dzień.', image: 'obrazek_bardzo_cieply_dzien.png' }
    wheater_text[5]= { name: 'Częsty deszcz.', image: 'obrazek_czesty_deszcz.png' }
    wheater_text[6]= { name: 'Średnie zachmurzenie.', image: 'obrazek_srednie zachmurzenie.png' }
        
    document.getElementById( 'wheater' ).innerHTML = '<center> <img src="'+ wheater_text[ day ].image +'"> <b>'+ wheater_text[ day ].name +'</center></b>';

    temperature_wheater_text[0] = { name: '26°C', image: 'obrazek_26_cdeg.png' };
    temperature_wheater_text[1] = { name: '21°C', image: 'obrazek_21_cdeg.png' };
    temperature_wheater_text[2] = { name: '16°C', image: 'obrazek_16_cdeg.png' }
    temperature_wheater_text[3] = { name: '3°C', image: 'obrazek_3_cdeg.png' }
    temperature_wheater_text[4] = { name: '29°C', image: 'obrazek_29_cdeg.png' }
    temperature_wheater_text[5] = { name: '22°C', image: 'obrazek_22_cdeg.png' }
    temperature_wheater_text[6] = { name: '13°C', image: 'obrazek_13_cdeg.png' }

    document.getElementById( 'temperature' ).innerHTML = '<center> <img src="'+ temperature_wheater_text[ day ].image +'"> <b>'+ temperature_wheater_text[ day ].name +'</center></b>';
}
window.onload = function(){
    WriteStatus( );
}
</script>
<table border="5" align="left" width="420" height="255" bgcolor="#1b1b1b">
    <tr>
        <td background="http://static.photaki.com/Chmury-na-niebie-wieczorem--291475.jpg">
            <b><center>Pogoda</center></b>
        </td>

        <td id="wheater"></td>

        <td id="temperature"></td>
    <tr>
        <td background="http://th09.deviantart.net/fs17/150/f/2007/204/8/8/Deoxys_Special_Form_by_StellarWind.jpg">
            <b><center>Eventy</center></b>
        </td>

        <td colspan="2">Brak eventów w tym tygodniu.</td>
        
        <td></td>
    </tr>
</table>
Sezowaty
Sprawdzałem i nie działa ; / inaczej się nie da...?
Kemsan
Ups, zamienianie poprzez CTRL+H w gEdit'cie dało niespodziewane skutki. W poprzednim poście masz zaktualizowane działające (sprawdzone).
Sezowaty
Dzięki wielkie, wszystko działa biggrin.gif
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.