Сделайте один div видимым, а другой невидимым

Question

У меня есть два тега div, один для поиска, а другой для результатов.Мне нужно, чтобы при нажатии кнопки «Отправить» результаты возвращались и помещались в div результатов (с фреймом iframe), и div поиска должен становиться скрытым, а div результатов должен быть видимым.

search divизначально установлен на видимость (с использованием видимости для видимости), а div результатов изначально установлен на скрытую (с использованием видимости на скрытую).

Кроме того, изначально существует огромное пустое пространство внизу страницы.где скрытый div, так как мне убедиться, что внизу тоже нет лишних пробелов?

Answer 1

Вы можете использовать свойство display стиля. Начально установите стиль результирующего раздела как

style = "display:none"

Тогда div не будет виден и не будет пробелов.

После заполнения результатов поиска измените свойство отображения с помощью сценария Java, например

document.getElementById("someObj").style.display = "block"

Используя java-скрипт, вы можете сделать div невидимым

document.getElementById("someObj").style.display = "none"

Answer 2

Делая его невидимым с видимостью, он по-прежнему занимает место.Скорее попробуйте установить для дисплея значение none, чтобы сделать его невидимым, а затем установите для дисплея блокировку, чтобы сделать его видимым.

Answer 3

Я не думаю, что вы действительно хотите iframe, не так ли?

Если вы не делаете что-то странное, вы должны получать результаты в виде JSON или (в худшем случае) XML, верно?

Для вашей белой коробки / проблемы с дополнительным пространством, попробуйте

style="display: none;"

вместо

style="visibility: hidden;"

Answer 4

Если вы захотите использовать display = block, это заставит читателя контента перескочить, поэтому вместо использования display вы можете установить для левого атрибута отрицательное значение, которого нет на вашей html-странице для отображения, но на самом деле это так.

Я надеюсь, что вы, должно быть, понимаете мою точку зрения, если я не в состоянии заставить вас понять, что вы можете отправить мне сообщение обратно.