Ukrywanie pola za pomocą Java Script.

pytanie zadane 10 czerwca 2018 w JavaScript przez michau0709 Początkujący (490 p.)

Witam , chciałbym aby na mojej stronie o określonej godzinie znikało jedno z pól formularza. Niestety nie za bardzo wiem jak ukryć to pole. Załączam moje dwa pliki:

Skrypt js (block_kolejka.js)

var t = new Date();
document.write(t.getHours());
if (t.getHours > 14)
{
  document.getElementById("pl").style.display = "hidden";
}

Formularz:

<h1> Typer Online 1.0</h1>
<form action="kolejka1.php" method="post">

<script src = "block_kolejka.js"> </script>

<output id = "pl">Polska</output>
<input type="text" name="Polska"/>
<input id = "se" type="text" name="Senegal"/>
Senegal
<br /><br/>

1 odpowiedź

odpowiedź 10 czerwca 2018 przez niezalogowany

3 linia JS - zapomniałeś wywołać metodę getHours

komentarz 10 czerwca 2018 przez michau0709 Początkujący (490 p.)

Po dodaniu nawiasów nadal brak zmian.

komentarz 10 czerwca 2018 przez niezalogowany

display nie ma takiej wartości jak hidden

komentarz 10 czerwca 2018 przez michau0709 Początkujący (490 p.)

@niezalogowany,

po zmianie na "none" nadal to samo.

komentarz 10 czerwca 2018 przez niezalogowany

Niemożliwe

Powinien znikać napis 'Polska'

komentarz 10 czerwca 2018 przez michau0709 Początkujący (490 p.)
edycja 10 czerwca 2018 przez michau0709

Załączam cały kod formularza, moze coś w innym miejscu powoduje brak reakcji:

<?php
session_start();
if(!isset($_SESSION['zalogowany']))
{
	header('Location:index.php');
	exit();
}
echo "<p> ".$_SESSION['user'].',te mecze mozesz wytypowac! Aby edytowac jeden z meczy, uzupelnij wynik tylko tego jednego spotkania </p>'
?>
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8"/>
</head>
<body>

<h1> Typer Online 1.0</h1>
<form action="kolejka1.php" method="post">
 
<script src = "block_kolejka.js"> </script>
 
<output id = "pl">Polska</output>
<input type="text" name="Polska"/>
<input id = "se" type="text" name="Senegal"/>
Senegal
<br /><br/>

Rosja
<input type="text" name="Rosja"/>
<input type="text" name="ArabiaSaudyjska"/>
Arabia Saudyjska
<br /><br/>

Egipt
<input type="text" name="Egipt"/>
<input type="text" name="Urugwaj"/>
Uruguwaj
<br /><br/>

Maroko
<input type="text" name="Maroko"/>
<input type="text" name="Iran"/>
Iran
<br /><br/>

Portugalia
<input type="text" name="Portugalia"/>
<input type="text" name="Hiszpania"/>
Hiszpania
<br /><br/>

Francja
<input type="text" name="Francja"/>
<input type="text" name="Australia"/>
Australia
<br /><br/>

Argentyna
<input type="text" name="Argentyna"/>
<input type="text" name="Islandia"/>
Islandia
<br /><br/>

Peru
<input type="text" name="Peru"/>
<input type="text" name="Dania"/>
Dania
<br /><br/>

Chorwacja
<input type="text" name="Chorwacja"/>
<input type="text" name="Nigeria"/>
Nigeria
<br /><br/>

Kostaryka
<input type="text" name="Kostaryka"/>
<input type="text" name="Serbia"/>
Serbia
<br /><br/>

Niemcy
<input type="text" name="Niemcy"/>
<input type="text" name="Meksyk"/>
Meksyk
<br /><br/>

Brazylia
<input type="text" name="Brazylia"/>
<input type="text" name="Szwajcaria"/>
Szwajcaria
<br /><br/>

Szwecja
<input type="text" name="Szwecja"/>
<input type="text" name="KoreaPoludniowa"/>
Korea Południowa
<br /><br/>

Belgia
<input type="text" name="Belgia"/>
<input type="text" name="Panama"/>
Panama
<br /><br/>

Tunezja
<input type="text" name="Tunezja"/>
<input type="text" name="Anglia"/>
Anglia
<br /><br/>

Kolumbia
<input type="text" name="Kolumbia"/>
<input type="text" name="Japonia"/>
Japonia
<br /><br/>


<input type="submit"value="Wyślij wyniki"/>


</form>

</body>

var t = new Date();
document.write(t.getHours());
if (t.getHours() > 14)
{
  document.getElementById("pl").style.display = 'none';
}

None , probowałem pisać w cudzysłowach jak i w apostrofach

1	komentarz 10 czerwca 2018 przez niezalogowany Próbujesz przypisać style do elementu, który w momencie wykonywania kodu JS - jeszcze nie istnieje. Wrzuć JS-a na koniec tagu body.