Окно входа в систему в родительском окне

Question

Окно входа в систему в родительском окне

0

Я в настоящее время программирую веб-приложение, но я все еще новичок, поэтому я не знаю точного термина, о котором я прошу.

Я хочу, чтобы мое окно входа в систему было следующим:

если пользователь нажмет кнопку "Вход", окно появится на той же странице, которую просматривает пользователь, и он не исчезнет, пока пользователь не закроет его или не войдет в систему. похоже на поле сообщения в твиттере.

есть ли способ сделать это в php или javascript? а как это сделать?

Я еще не могу опубликовать фотографию :(

Bayader 03 март 2014, в 19:27

Источник

Теги:

php

javascript

jquery

html

2 ответа

0

Это простая идея. Очевидно, вы можете играть с функциональностью и стилями. Это просто краткое руководство.

$('#loginButton').click(function(){
    $('body').append('<div id="overlay"></div><div id="login"><form><h1>Your form</h1></form></div>');
    $('#login,#overlay').hide().fadeIn();
});

CSS

#overlay{
    positon:fixed;
    top:0;
    left:0;
    width:100%;
    min-width:100%;
    height:100%;
    min-height:100%;
    content:"";
    z-index:1001;
    background:#000000;//for ie add an opacity
    background:rgba(0,0,0,0.8);
}
#login{
    background:#FFFFFF;
    border-radius:8px;
    position:fixed;
    top:40%;
    max-height:60%;
    width:auto;
    min-width:20%;
    margin:0% 40%;
    z-index:1002;
    box-shadow:0px 0px 5px #333333;
}

sourRaspberri 03 март 2014, в 16:56

Ещё вопросы

Eduardo Quintana · Accepted Answer · 2014-03-03T15-23-00.000Z

Вы можете использовать jQuery Dialog для создания диалогового окна входа в систему, где вы запрашиваете у пользователя свои учетные данные.

Но да, это может быть создано с помощью javascript.

Взгляните на пользовательский интерфейс jQuery

https://jqueryui.com/dialog/#modal-confirmation

Спасибо, это именно то, что мне было нужно!