Как скрыть коллекцию элементов HTML, пока страница не будет загружена? - PullRequest
Новая
       6

Как скрыть коллекцию элементов HTML, пока страница не будет загружена?

0 голосов
/ 19 ноября 2011

В стеке задан еще один вопрос о том, что страница не отображается до полной ее загрузки. Это не совсем то, что я здесь спрашиваю. Что я хочу сделать, так это подождать, чтобы показать одну форму, пока страница полностью не загрузится. Это возможно? Если так, то как? Пожалуйста, предоставьте пример кода. Спасибо!

Ответы [ 4 ]

2 голосов
/ 19 ноября 2011

Этого можно добиться, установив display: none в текущей форме, а затем используя jquery, чтобы отобразить его при загрузке страницы. 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function() {
    $('#your_form_id').show();
  });
</script>

<form id="your_form_id" style="display:none;">
<!-- your content -->
</form>
0 голосов
/ 19 ноября 2011

Возможно, вы могли бы сделать это, используя атрибут body onLoad и JQuery.Примерно так ... 

<body onLoad="$('#theform').show()">

<form id="theform" style="display:none">
<!-- blah blah blah -->
</form>

</body>

Надеюсь, это поможет.

0 голосов
/ 19 ноября 2011

добавить в style = "display: none", а затем использовать jquery для отображения при загрузке .?

подобно $ (). Load (function () {$ ('from'). Show ();})

0 голосов
/ 19 ноября 2011

Вы не должны слушать меня и делать трюк display: none.

Вам нужно будет создать функцию JavaScript, которая будет создавать вашу форму и вставлять ее на страницу.Затем вам нужно зарегистрировать эту функцию с событием domready.

http://davidwalsh.name/javascript-domready

Пример функции, которая создает форму и внедряет ее: 

var createForm = function () {
    var form = document.createElement("form");

    var textBox = document.createElement("input");
    textBox.setAttribute("type", "text");
    textBox.setAttribute("name", "someText");
    form.appendChild(textBox);

    var submit = document.createElement("input");
    textBox.setAttribute("type", "submit");
    textBox.setAttribute("value", "Submit");
    form.appendChild(submit);

    document.getElementById("PUTFORMHERE").appendChild(form);
};

HTML: 

<html>
    <head />
    <body>
        <div id="PUTFORMHERE" />
    </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...