Javascript Показать DIV

У меня есть скрытый div, который показывает, когда сайт делает что-то вроде сортировки данных и т. д.

Это прекрасно работает. У div есть скрытый стиль видимости, который JavaScript изменяет на видимый.

Однако я хочу, чтобы div отображался при запуске страницы на одной странице.

Я удалил стиль, чтобы скрыть его, но все еще не могу его увидеть.

CSS

.hiddenmessage {
    visibility: visible;
    opacity: 0.8;
    width: 600px;
    height: 300px;
    display: block;
    background: white;
    border: 1px solid blue;
    border-radius: 30px;
    position: fixed;
    padding: 15px;
    top: 25%;
    left: 25%;
    z-index: 100;
}

HTML

<div id="HiddenMessageDiv" class="hiddenmessage">
    <img src="~/images/mainlogo.png" />
    <h1>Please Wait</h1>
    Loading Information.....
</div>

затем у меня есть <body onload="HideHidden()">, чтобы скрыть его после загрузки страницы.


html hidden
person Community    schedule 14.05.2014    source источник
comment
Где находится css?   -  person Royi Namir    schedule 14.05.2014
comment
CSS находится в файле View.   -  person    schedule 14.05.2014
comment
до или после div?   -  person Royi Namir    schedule 14.05.2014
comment
Что написано внутри функции HideHidden()? Какова ваша актуальная проблема?   -  person Braj    schedule 14.05.2014
comment
Попробуйте с display:none; и visibility:hidden;   -  person Braj    schedule 14.05.2014
comment
прочитайте здесь об изменении видимости с помощью javascript   -  person Braj    schedule 14.05.2014
comment
function HideHidden() { document.getElementById(HiddenMessageDiv).style.visibility = hidden; }   -  person    schedule 14.05.2014

Ответы (1)


arrow_upward
0
arrow_downward

Ваш css должен быть таким

.hiddenmessage {
display: none;
opacity: 0.8;
width: 600px;
height: 300px;
background: white;
border: 1px solid blue;
border-radius: 30px;
position: fixed;
padding: 15px;
top: 25%;
left: 25%;
z-index: 100;
}

Ваш скрипт должен быть таким

function HideHidden() { document.getElementById("HiddenMessageDiv").style.display = "block"; }

Пример Jsfiddle ниже

http://jsfiddle.net/46eF6/2/

person Suresh Ponnukalai    schedule 14.05.2014
comment
Всем привет. Однако спасибо за вашу помощь, так как я играл, я узнал, что происходит. Он не показывает 1-е отключение, потому что контроллер заполняет модель, чтобы перейти к ней, поэтому мне нужно показать ее до того, как контроллер начнет работать. - person ; 14.05.2014