Как динамически генерировать информационную базу по контенту iFrame?

Question

У меня есть iFrame, который позволяет людям публиковать информацию непосредственно на веб-сервере, но перед тем, как публиковать сообщения, он должен сначала войти в систему .... вот так:

________________________
[______I inject --->_X_]
|                      |
|     iFrame           |
|        Login         |
|                      |
________________________

Я могу скрыть фреймнажав кнопку X, но после того, как пользователь вошел в систему, я хотел бы получить что-то вроде этого:

________________________
[____________________X_]
|                      |
|    Post Your         |
|        Msg           |
|    (iFrame)          |
|                      |
________________[POST]__

Это похоже на какую-то машинку для стрижки в какой-либо программе для заметок, когда пользователь нажимает кнопку «опубликовать», сообщение будет отправлено на сервер, а iFrame исчезнет.Но у меня возникли проблемы здесь .... Как я могу вставить кнопку сообщения?Стоит ли в iframe или на стороне клиента, точно так же как X, я вводить на стороне клиента?Если кнопка «Отправить» находится на стороне клиента, я могу добавить скрытую кнопку «Отправить» в форме «Отправить сообщение» в iFrame, когда пользователь щелкает ее, я просто заставляю пользователя нажимать и кнопку «Скрытая отправка».Но вопрос в том, что когда пользователь не выполнил вход, у меня просто есть логин в кнопке поста.Но я не могу обнаружить, что происходит внутри рамки.Как я могу реализовать эту кнопку?Спасибо .

Answer 1

Я думаю, что вы хотите создать div, расположить его в центре экрана и задать ему более высокий z-индекс, чтобы окно выглядело как плавающее. Таким образом, у нас есть центральный плавающий блок, внутри которого вам нужно еще 2 блока, 1 из которых является еще одним блоком div (который будет содержать X), а второй - Iframe Для обоих сделайте положение: относительное; float: left использует соответствующую ширину и объявляет высоту. От нее у вас есть кнопка iframe & close в разных мирах. Для закрытия нужно сделать что-то вроде

    $(document).ready(function(){
$('#close').click(function(){
$('#box').hide();
});
});

Или используйте функцию CSS или анимации, чтобы получить аналогичные результаты, а не скрывать (). Надеюсь, это поможет, если я что-то не так понял.