Как скрыть или показать DIV

Question

У меня есть на моем Page_Load зарегистрировал этот

Page.ClientScript.RegisterStartupScript(this.GetType(), "clientscript", "document.getElementById('showdiv').style.visibility = 'hidden';", true); 

но его не получает скрытый ... Мой ДИВ будет, как показано ниже

<div id="showdiv"> 
    <input class="button" type="button" value="OK" name="success_button" id="my button" onclick="javascript:window.close();" /> 
    </div> 

что я делаю неправильно ?. Благодарим за помощь.

Answer 1

Я настоятельно рекомендую выполнять эту простое манипулирование на стороне клиента (управление строками строк/строк и т. Д.) С помощью JavaScript или даже более легко с помощью библиотеки .js, такой как jQuery. После включения сценариев jQuery в ваше приложение это все, что вам нужно сделать, чтобы этот DIV был скрыт после того, как страница завершила свою инициализацию.

Включите этот раздел сценария в верхней части страницы или в ссылочных .js файл, если у вас уже есть один:

<script type="text/javascript"> 

//$(document).ready is used to define a function that is guaranteed to be called only after the DOM has been initialized. 
$(document).ready(function() { 
    //Hide the div 
    $('#showdiv').hide(); 
    //conversely do the following to show it again if needed later 
    //$('#showdiv').show(); 
}); 

</script> 

JQuery API документация по этому методу:
http://api.jquery.com/hide/

Answer 2

Почему бы не использовать тег сервера asp:Panel?

Front End:

<asp:Panel runat="server" ID="ShowDiv"> 
... 
</asp:Panel> 

Back End:

ShowDiv.Visible = false; 

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

Answer 3

Я думаю, это еще одна проблема порядка загрузки.

Ваш скрипт запускается сразу после его загрузки. Если элемент страницы, который он пытается скрыть, не загружается в DOM во время запуска скрипта, тогда скрывать нечего. Я считаю, что зарегистрированные скрипты все входят в верхнюю часть страницы, перед контентом HTML, так что это всегда произойдет.

Чтобы заставить это работать, вы должны положить его в прослушиватель событий нагрузки. См.: Running javascript code on page load, without using the onload tag

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

Если предполагается, что есть какое-либо условие, видно или нет Div, то делать все это на стороне клиента javascript, вероятно, лучше, так что вам не нужно совершать поездку на сервер только для контроля видимости ,

Answer 4

у вас есть 2 варианта

1-Add «RUNAT = сервер» атрибут для вашего DIV затем из кода доступа за это и сделать видимость ложной или добавить стиль, чтобы сделать его невидимым.

myDiv.Style.Add("display","none"); 

2-Добавить функцию javascript, чтобы скрыть ее, и вы можете использовать jquery для ее выполнения.

Answer 5

Javascript:

$(document).ready(function(){ 

    $(".slidingDiv").hide(); 
    $(".show_hide").show(); 

$('.show_hide').click(function(){ 
$(".slidingDiv").slideToggle(); 
}); 

}); 

HTML

<a href="#" class="show_hide">Show/hide</a> 
<div class="slidingDiv"> 
Fill this space with really interesting content. 
<a href="#" class="show_hide">hide</a> 
</div> 

CSS

.slidingDiv { 
height:300px; 
background-color: #99CCFF; 
padding:20px; 
margin-top:10px; 
border-bottom:5px solid #3399FF; 
} 

.show_hide { 
display:none; 
} 

Answer 6

Я пришел сюда в поисках решения и е добавив «runat = server» в мой div, затем спрятал его в код-сзади с помощью

myDivID.Visible = false;

Answer 7

HTML

<div id="div1" runat="server"></div> 

C#

div1.Visible=false; 

Я думаю, что это будет работать ...

Answer 8

мы создаем ссылку, призывающего яваскрипт

<p><a href="#" class="show_hide" onclick="recoverDiv();">Mot de passe oublié</a></p> 

ДИВ, чтобы показать и скрыть

<div id="divdiv" runat="server" class="HideMe"> 
</div> 

и в JavaScript добавить:

<script type="text/javascript"> 

    function recoverDiv() { 
     $('#divdiv').attr('class', 'ShowMeForced'); 
    } 
</script> 

и в CSS:

<style type="text/css"> 
    .HideMe { display:none; } 
    .ShowMe { display:block; } 
    .HideMeForced { display:none !important; } 
    .ShowMeForced { display:block !important; } 
</style>