• Звідки: Київ
  • Дата реєстрації: 16.05.2014
  • Повідомлень: 1 695
    • Репутація: 1022

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

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

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

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

Betterthanyou вебсайт

2 Відповідь від VTrim

  • VTrim
  • VTrim
  • =)
  • Поза форумом
  • Дата реєстрації: 07.09.2014
  • Повідомлень: 3 319
    • Репутація: 2298

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 Востаннє редагувалося Betterthanyou (30.12.2014 12:57:17)

  • Звідки: Київ
  • Дата реєстрації: 16.05.2014
  • Повідомлень: 1 695
    • Репутація: 1022

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>

Betterthanyou вебсайт

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

  • VTrim
  • VTrim
  • =)
  • Поза форумом
  • Дата реєстрації: 07.09.2014
  • Повідомлень: 3 319
    • Репутація: 2298

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