создать окно "показать", когда вы нажимаете зарегистрироваться?

Question

Я бэкэнд-программист, который хочет иметь окно, которое появляется перед текущим окном при нажатии «зарегистрироваться».

чтобы вам не приходилось перенаправлять на другую страницу.

Я думаю, вы, ребята, знаете, о чем я.

как мне это сделать? это с jquery или javascript? задействован ajax?

а как называется это всплывающее окно?

Answer 1

Вы хотите написать div в ваш HTML, который содержит ваши поля для входа (т.е. всплывающее окно). Установите его на position:absolute; и поместите с помощью CSS, чтобы он плавал над содержимым страницы и не прерывал поток при его появлении. Получите все это красиво и расположите там, где вы хотите, затем установите его на display: none;, чтобы он дождался появления JavaScript.

Затем (используя jQuery) напишите что-то вроде этого:

$('#register').click(function() {
    $('#popup').show();
});

где #register - это то, на что нажимают (может быть больше всего с id="register").

Что происходит, когда отправляется эта форма, зависит от вас, и ничем не отличается от вариантов, которые вы имели бы с любой другой HTML-формой. jQuery может помочь с AJAX , если вы решите пойти по этому пути и не отправите пользователя на другую страницу для обработки формы.

Answer 2

Это можно сделать, используя несколько совершенно разных подходов. Как сказал Сэм, это концепция модальных коробок .

Вы можете сделать это полностью на стороне клиента, используя CSS и JavaScript ( альтернатива ) или AJAX и некоторые сторонние библиотеки .

Попробуй немного конкретизировать - какова среда бэкэнда / внешнего интерфейса? Является ли производительность проблемой (например, минимальное взаимодействие клиент-сервер)?

Answer 3

Я полагаю, вы имеете в виду модальную форму. Вы можете искать модальное всплывающее окно JavaScript. Существует хороший компонент JavaScript, который называется Lightbox, который также поможет.

EDIT:

Я упоминал Lightbox, но Lightbox Gone Wild - это то, что я имел в виду. Как уже отмечали другие, используя такой модальный инструмент, все, что вам нужно сделать, это написать HTML, который вы хотите отобразить во всплывающем окне. Эта ссылка является хорошим руководством по концепции и хорошо объясняет.