Функция Javascript, чтобы скрыть текстовое поле HTML на странице Load

Question

Итак, у меня есть текстовое поле поиска в верхней части моего сайта на главной странице, которое я хочу исчезнуть, когда пользователь будет переведен на мою страницу поиска. Мое текстовое поле записываются следующим образом:

<div class = "SearchBox"> 
    <form action="javascript:searchSite()"> 
     <input type="text" id="searchIn" /> 
    </form> 
    </div> 

Лучше всего я мог думать, чтобы сделать это, чтобы иметь некоторое JavaScript запустить на событии Pageload моей страницы поиска, например:

protected void Page_Load(object sender, EventArgs e) 
    { 
     if (!IsPostBack) 
     { 
      this.ClientScript.RegisterStartupScript(this.GetType(), "show", "<script>document.getElementById('searchIn').style.display = 'none'</script>"); 
     } 
    } 

Я достаточно уверен, что javascript работает, потому что иногда текстовое поле исчезает на секунду или два. Несмотря на это, он немедленно возвращается и не останется скрытым. У меня есть жерех: Textbox, что я могу легко скрыть с помощью:

Site1 m = Master as Site1; 
     m.OtherTextBox.Visible = false; 

Я не понимаю, почему скрывается HTML текстовое поле так трудно. Любые предложения или мысли о том, как исправить это, будут высоко оценены!

Answer 1

Page_Load - это событие на стороне сервера, но вы также должны ждать, пока элемент будет загружен на стороне клиента. Вы можете обернуть вам код в расслоение плотной в window.onload обработчика:

this.ClientScript.RegisterStartupScript(this.GetType(), "show", "<script>window.onload = function() { document.getElementById('searchIn').style.display = 'none'; }</script>"); 

Кроме того, использование display: none, как объяснено SLaks.

Answer 2

display: hidden не является допустимым значением CSS.

Вы хотите display: none.