Тема: Як приховати елементи тега div

Мені потрібно приховати деякі елементи сторінки доки не буде натиснута кнопка "відправити на сервер"

<input type="submit" value ="Підтвердить"/>

я ці елементи помістив в тег div, як мені їх приховати ?

2

Re: Як приховати елементи тега div

приклад

<style>
.ShowDiv{
display:none;
}
</style>

<div class="ShowDiv" id="ShowDiv">Текст</div>

<script>
function ShowDiv() {
document.getElementById('ShowDiv').style.display='block';
}
</script>

<input type="submit" onclick="ShowDiv();" value ="Підтвердить"/>
Подякували: Betterthanyou, A.N.Onim3

3 Востаннє редагувалося Betterthanyou (30.12.2014 12:57:17)

Re: Як приховати елементи тега div

Якщо input взяти в тег form то сторінка оновлюється і нічого не відбувається, а мені обов'язково потрібно його бати в тег form так як мені потрібно зчитувати інформацію за допомогою методу POST, що робити в такому випадку ?

<style>
.ShowDiv{
display:none;
}
</style>
 
<div class="ShowDiv" id="ShowDiv">Текст</div>
 
<script>
function ShowDiv() {
document.getElementById('ShowDiv').style.display='block';
}
</script>
<form method="post">
<input type="submit" onclick="ShowDiv();" value ="Підтвердить"/>
</from>

4 Востаннє редагувалося VTrim (30.12.2014 13:38:17)

Re: Як приховати елементи тега div

Все там відбувається,по перше в кінці потрібно не </from> ,а </form>,по друге,краще вкажіть action
Тобто

<style>
.ShowDiv{
display:none;
}
</style>
 
<div class="ShowDiv" id="ShowDiv">Текст</div>
 
<script>
function ShowDiv() {
document.getElementById('ShowDiv').style.display='block';
}
</script>
<form method="post" action="test.php">
<input type="submit" onclick="ShowDiv();" value ="Підтвердить"/>
</form>

Текст на долі секунди зявляється і сторінка оновлюється,тому що ви ж не через AJAX відправляєте.

Подякували: Betterthanyou2