#javascript #jquery
#javascript #jquery
Вопрос:
Я, наконец, получил всплывающее окно jQuery для работы, и теперь пытаюсь предоставить пользователю возможность войти в систему или создать профиль
Пока у меня есть что-то очень простое, например:
var $dialog = $('<div>Please log-in or create a profile</div>')
.dialog({
autoOpen: false,
title: 'Login Dialog'
});
Но какие есть хорошие и простые способы попросить пользователя войти в систему? Должен ли я просто создать форму входа прямо в div там? Если да, то в случае, если человеку нужно создать профиль вместо этого, как мне легко разрешить им это сделать?
Кроме того, должен ли код входа и создания профиля находиться в другом месте? Если да, то как мне ссылаться на него из этой настройки?
Спасибо!!
Ответ №1:
Поместите форму входа на свою страницу в виде встроенного кода. Гораздо проще отредактировать его таким образом и сделать скрытым, когда вы закончите.
например
<div id="mypopup" style="display: none;">
<div id="loginform">
Login form with layout with controls and buttons
<span id="newprofile">Click here to create a new profile</span>
</div>
<div id="newprofileform" style="display: none;">
New profile form with layout with controls and buttons
</div>
</div>
И обратитесь к нему из своего кода, используя его идентификатор.
var $dialog = $('#mypopup')
.dialog({
autoOpen: false,
title: 'Login Dialog'
});
$("#newprofile").click(function () {
$("#loginform").hide();
$("#newprofileform").show();
});
Комментарии:
1. как получилось, что вы получили -1 голос? Я думаю, что это был разумный ответ. Кстати, должен ли я каким-то образом сделать так, чтобы этот div не отображался при начальной загрузке страницы?
2. и как мне поменять местами форму входа и форму создания профиля?
3. Спасибо, я не знаю, почему это было отклонено, комментарий не оставлен. Да, отформатируйте и оформите div на досуге и добавьте стиль display: none, когда закончите. Таким образом, вы заставляете sur eit выглядеть красиво, прежде чем окончательно скрыть его.
4. Для формы создания профиля это зависит от того, насколько сложным будет процесс. Если это просто, вы можете использовать тот же подход и просто добавить еще один div. Если это очень сложно, вы можете перенаправить на совершенно новую страницу.
5. Спасибо, но я имел в виду в исходном всплывающем окне, если я попрошу человека войти в систему и предоставить ссылку на «создать профиль» — как мне поменять местами всплывающие окна для отображения другого div? Имеет ли смысл мой вопрос? 🙂