Strona www - okienko odliczania, jak zmienić wygląd

Dla specjalistów Webmastering
#1

Witam.

 

Wziąłem gotowy kod do strony z odliczaniem.

Niestety, nie pokazuje tak jakbym tego chciał a nie potrafię tego zmienić.

Oto kod:

<head>



<script LANGUAGE="JavaScript">
<!--
// Javascript Countdown
// Version 1.01 6/7/07 (1/20/2000)
// by TDavid at http://www.tdscripts.com/
var now = new Date();
var theevent = new Date("Jun 04 2014 18:00:00");
var seconds = (theevent - now) / 1000;
var minutes = seconds / 60;
var hours = minutes / 60;
var days = hours / 24;
ID=window.setTimeout("update();", 1000);
function update() {
now = new Date();
seconds = (theevent - now) / 1000;
seconds = Math.floor(seconds);
minutes = seconds / 60;
minutes = Math.floor(minutes);
hours = minutes / 60;
hours = Math.floor(hours);
days = hours / 24;
days = Math.floor(days);
document.form1.days.value = days;
document.form1.hours.value = hours;
document.form1.minutes.value = minutes;
document.form1.seconds.value = seconds;
ID=window.setTimeout("update();",1000);
}
// --></script>
</head>
<body>
<body bgcolor=black text=#F00603>
<center><p><font face="Arial" size="16">Odliczanie do koncertu Avenged Sevenfold w Polsce</font></p>
<form name="form1"> <p>
Dni <input type="text" name="days" value="0" size="3"><br />
Godzin <input type="text" name="hours" value="0" size="6"><br />
Minut <input type="text" name="minutes" value="0" size="7"><br />
Sekund <input type="text" name="seconds" value="0" size="7"> </p></center>

</form>

</body>
</html>

I mam kilka pytań:

Po pierwsze: Jak zrobić aby wyświetlało tylko sekundy?  (usunięcie tam na dole 

Dni <input type="text" name="days" value="0" size="3"><br />
Godzin <input type="text" name="hours" value="0" size="6"><br />
Minut <input type="text" name="minutes" value="0" size="7"><br />

powoduje, że w okienku sekund wyświetla “0”)

 

Po drugie: Jak zmienić rozmiar okienka?

#2

jak usuniesz to co napisałeś, to najprawdopodobniej wywala błąd. nie jestem pewny, nie chce mi się sprawdzać, ale wywal jeszcze 

document.form1.days.value = days;
document.form1.hours.value = hours;
document.form1.minutes.value = minutes;

to bo się wtedy odwołuje to elementów które nie istnieją w drzewie DOM.

 

 

poczytaj co to css, zrób jakiś kurs html/css. bo jeśli nie wiesz, to nie wiesz nic o webmasteringu.

#3

Rozmiar okienka zmieniasz stylami. Do każdego input dodajesz klasę i ustalasz jej właściwości w CSS.

 

Aby pozbyć się sekund, wywal input o nazwie seconds i w js zakomentuj linijkę:

// document.form1.seconds.value = seconds;