Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Muotoiluja Java Scriptin tulostukseen

Wilma [15.03.2010 20:06:50]

#

Hei!

Löysin oheisen laskurikoodin joka laskee jälkellä olevat päivät oikein mutta tulostaa kaiken samalle riville. Aprillipäivään on -sanojen jälkeen voisi olla rivinvaihto. Laskuri on siis tylsä. Miten saan värikäät ja suuret fontit? Omat kokeiluni eivät tuottaneet oikeaa tulosta ja siksi käännyn taitavampien puoleen.

<html>
<head>
<body>
<script type="text/javascript">

var KohdePVM = new Date("April 1, 2010 00:00:00 GMT +0200");
var Nyt = new Date();
var Erotus = KohdePVM.getTime() - Nyt.getTime();
var Paivissa = Math.floor(Erotus / (1000 * 60 * 60 * 24));

document.write("Aprillipäivään on") ;
document.write(Paivissa + " päivää ");


//]]>
</script>

</body>
</head>
</html>

Antti Laaksonen [15.03.2010 20:35:44]

#

Rivinvaihdon saat <br>-tagilla. Tekstin väriä ja kokoa pystyt muuttamaan esim. sijoittamalla tekstin <span>-tagin sisään ja määrittämällä sen tyylin sopivasti. Seuraava koodi havainnollistaa näitä asioita.

<html>
<head>
<body>
<script type="text/javascript">

var KohdePVM = new Date("April 1, 2010 00:00:00 GMT +0200");
var Nyt = new Date();
var Erotus = KohdePVM.getTime() - Nyt.getTime();
var Paivissa = Math.floor(Erotus / (1000 * 60 * 60 * 24));

document.write("<span style='font-size:40;color:red'>Aprillipäivään on</span><br>") ;
document.write("<span style='font-size:50;color:blue'>" + Paivissa + " päivää</span>");

</script>

</body>
</head>
</html>

Wilma [16.03.2010 18:45:15]

#

Laskurista tuli näillä täydennyksillä todella hyvä. Kiitos avusta! Samalla minäkin opin jälleen kerran jotain uutta.

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta