Diskuze: Datum -> kód zjednodušit, css styly

JavaScript JavaScript Datum -> kód zjednodušit, css styly

Avatar
Martin Zeman
Člen
Avatar
Martin Zeman:

Zdravím,

mohl by mi někdo poradit?

1.) Potřeboval bych tento kód zjednodušit, nejspíš pomocí, některé funkce?
2.) Potřeboval bych, aby každý sudý den byl barvou "červenou" a každý lichý den barvou "modrou" to, ale provést v css souboru styly?

Děkuji za jakékoliv rady. Přeji pěkný večer. :-)

code]
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=de­vice-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/sty­le.css">
</head>
<body>

<div class="time1"><scrip­t>
x=new Date();
x.setTime(x.get­Time() + 0 2460601000);
month = x.getMonth() + 1;
date = x.getDate();
year = x.getFullYear();
document.write("Dnes je: " + date + ". " + month + ". " + year);
</script></div>

<div class="time2"><scrip­t>
x=new Date();
x.setTime(x.get­Time() + 1 2460601000);
month = x.getMonth() + 1;
date = x.getDate();
year = x.getFullYear();
document.write("Zí­tra bude: " + date + ". " + month + ". " + year);
</script></div>

<div class="time3"><scrip­t>
x=new Date();
x.setTime(x.get­Time() + 2 2460601000);
month = x.getMonth() + 1;
date = x.getDate();
year = x.getFullYear();
document.write("Po­zítří bude: " + date + ". " + month + ". " + year);
</script></div>

</body>
</html>

\---

 
Odpovědět 15. listopadu 16:45
Avatar
Oxtimus
Člen
Avatar
Odpovídá na Martin Zeman
Oxtimus:
  1. Jde to zkrátit třeba tak, že si vytvoříš funkci, která k aktuálnímu datu připočte určitý počet dní a pak už budeš volat pouze tu funkci, tzn. výpočet nebudeš muset psát na více místech najednou:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" type="text/css" href="css/style.css">
    </head>
    <body>
        <script>
            function zjistiDatum(dnyNavic) {
                var konecneDatum = new Date();
                konecneDatum.setDate(konecneDatum.getDate() + dnyNavic);
                return konecneDatum.getDate() + '. ' + (konecneDatum.getMonth() + 1) + '. ' + konecneDatum.getFullYear();
            }
            document.write('<div class="time1">Dnes je: ' + zjistiDatum(0) + '</div>');
            document.write('<div class="time2">Zítra bude: ' + zjistiDatum(1) + '</div>');
            document.write('<div class="time3">Pozítří bude: ' + zjistiDatum(2) + '</div>');
        </script>
    </body>
</html>
  1. Liché a sudé prvky lze odlišit jednoduchým selektorem:
/** Každý sudý <div> bude červeným písmem. */
div:nth-of-type(2n) {
   color: red;
}

/** Každý lichý <div> bude modrým písmem. */
div:nth-of-type(2n + 1) {
   color: blue;
}
Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
 
Nahoru Odpovědět 15. listopadu 18:45
Avatar
Martin Zeman
Člen
Avatar
Odpovídá na Oxtimus
Martin Zeman:

To je přesně ono, moc děkuji :)

 
Nahoru Odpovědět 15. listopadu 18:58
Avatar
Odpovídá na Oxtimus
Libor Šimo (libcosenior):

Alebo takto:

/** Každý sudý <div> bude červeným písmem. */
div:nth-of-type(even) {
   color: red;
}

/** Každý lichý <div> bude modrým písmem. */
div:nth-of-type(odd) {
   color: blue;
}
Nahoru Odpovědět  +2 16. listopadu 8:17
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.