irfanniazi Ответов: 6

как Скрыть / показать дивы в asp.net


как мы можем скрыть и показать некоторое конкретное содержимое div с помощью javascript и asp.net пожалуйста, поделитесь учебником plzzz

6 Ответов

Рейтинг:
26

Rahul_Pandit 

<html>
<h2>Hide Div in JavaScript</h2>
<script language="javascript" type='text/javascript'>
function hideDiv() {
if (document.getElementById) {
document.getElementById('div').style.display= 'none';
}
}
function showDiv() {
if (document.getElementById) {
document.getElementById('div').style.display= 'block';
}
}
</script>
<body onload="javascript:showDiv()">
<button onclick="javascript:hideDiv()">Hide</button>
<button onclick="javascript:showDiv()">Show</button>
<div id="div">Hello World</div>
</body>
</html>

irfanniazi

Большое спасибо
!!

Рейтинг:
2

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

язык JavaScript

Вызовите нижеприведенную функцию и передайте идентификатор элемента управления, чтобы скрыть / показать его альтернативно.

function toggleVisibility(controlId)
{
    var control = document.getElementById(controlId);

    if(control.style.visibility == "visible" || control.style.visibility == "")
        control.style.visibility = "hidden";
    else
        control.style.visibility = "visible";

}

Member 12772705

Этот код работает нормально, но когда моя страница будет отправлена обратно, он не будет работать, все div будут скрыты

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Затем проверьте свой код, чтобы не отправлять его обратно.

Рейтинг:
18

hsakarp

Если вы хотите сделать это на стороне сервера.Просто сделайте div как серверную сторону, добавив атрибут runat, и вы сможете управлять функциональностью div

Рейтинг:
1

vinay.Singh

Привет, для этого вы можете использовать jquery show () hide (). проверьте ссылку ниже

http://www.dotnetpools.com/2013/06/code-to-hide-show-div-using-jquery.html[^]

Member 12772705

он не работает, когда страница находится в обратной связи, помогите мне

Рейтинг:
0

thatraja

Сначала я подумал, что вы говорите о показе/скрытии элементов, но понял это через пару секунд. Вот, держи.
Динамически сокращенный текст со ссылкой " показать больше” с помощью jQuery[^]

Если я ошибаюсь, то проверьте это
Динамическое отображение / скрытие элементов на веб-странице[^]

Рейтинг:
0

sankarsan parida

См. следующий код

<html>
<h2>Hide Div in JavaScript</h2>
<script language=javascript type='text/javascript'>
function hideDiv() {
if (document.getElementById) {
document.getElementById('div').style.visibility = 'hidden';
}
}
function showDiv() {
if (document.getElementById) {
document.getElementById('div').style.visibility = 'visible';
}
}
</script>
<body onload="javascript:showDiv()">
<button onclick="javascript:hideDiv()">Hide</button>
<button onclick="javascript:showDiv()">Show</button>
<div id="div">Hello World</div>
</body>
</html>