Показать кнопку div на кнопке

Question

У меня есть div, отображение которого равно none. Нажатие кнопки, мне нужно показать этот div.
Я написал функцию JavaScript для этого, и он работает, но при нажатии кнопки отображается div, и снова он скрывается. Что нужно сделать дополнительно, чтобы это осталось.

JavaScript следующим образом:

function show_popup() { 
    document.getElementById("Div1").style.display = 'block'; 
} 

И ДИВ выглядит следующим образом:

<div id="Div1" style="display:none"> 

Функция JavaScript вызывается нажатием кнопки следующим образом:

<asp:Button ID="Button3" runat="server" OnClientClick="javascript: show_popup()" Text="Button" /> 

Пожалуйста, помогите мне вне.

Answer 1

Ваш Javascript работает, проблема заключается в том, что кнопка реализована с помощью ASP.

Проблема может быть реализацией кнопки с помощью Serversided, вот реализация HTML. Там работают.

function show_popup() { 
 

 
     document.getElementById("Div1").style.display = 'block'; 
 
    }

 

 

 
<div id="Div1" style="display:none">asdasdasdasdasdasd</div> 
 

 

 
<input type="button" onclick="show_popup()" value="Show"></input>

Answer 2

Если я правильно истолковал ваш вопрос: div сбрасывается, чтобы быть скрытым на странице обновления или навигации. Этого следует ожидать, отображаемое значение также должно обрабатываться на стороне сервера.

Как уже говорилось, проблема в том, что при нажатии на кнопку страница отправляется на сервер. Если вы не хотите этого делать, вы должны использовать обычную кнопку HTML (с type="button") вместо ASP.