Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por Chalo Lun Ago 13, 2018 8:29 am

[CSS] Re diseña la toolbar
por lnymph Lun Ago 13, 2018 2:47 am

[ocio] Tus frases favotitas
por lnymph Lun Ago 13, 2018 2:29 am

[cine] ¿Cual es tu pelicula favorita?
por lnymph Lun Ago 13, 2018 2:20 am

[Ocio] ¿De que país sois?
por lnymph Lun Ago 13, 2018 2:17 am

Página 2 de 3. Precedente  1, 2, 3  Siguiente

[html] Pagina de Login en 2 pasos
Tema iniciado por y Añadir a favoritos

[html] Pagina de Login en 2 pasos 
el Lun Mar 28, 2016 11:34 am
staff


Última edición por Chalo el Vie Abr 15, 2016 11:53 pm, editado 3 veces
Recuerdo del primer mensaje :

[codebox]Crea una pagina HTML para tener un login en 2 pasos


Demo: http://opensource-code-test.foroactivo.mx/h1-login
[/codebox]
Crea una página HTML, utilizar header y footer: si, pagina de inicio:Como tu quieras
[hidecode]
Código:

<style type="text/css">
    /* CONTAINERS AND GENERAL SETUP */

    body {
        overflow: hidden;
    }

    #fa_form_container {
        color: #666;
        font-size: 12px;
        font-family: Arial, sans-serif;
        background: #FFF;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999999;
        overflow: auto;
    }

    #fa_form_container a {
        color: #69C !important;
    }

    #fa_form_container a:hover {
        color: #369 !important;
    }

    .fa_login_maintitle {
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        margin: 20px 0;
    }

    .fa_login_maintitle img {
        vertical-align: -5px;
        height: 30px;
        margin-right: 6px;
    }

    .fa_login_title {
        text-align: center;
        margin: 30px 0;
        color: #666;
        font-size: 28px;
        font-weight: bold;
        font-family: Arial, sans-serif;
    }

    .fa_login_desc {
        font-size: 16px;
        text-align: center;
        margin: 10px 0;
    }

    .fa_form_wrap {
        text-align: center;
        background: #EEE;
        border: 1px solid #DDD;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
        border-radius: 3px;
        padding: 30px 6px;
        width: 300px;
        margin: 30px auto;
        overflow: hidden;
        position: relative;
        transition: 250ms;
    }

    .fa_login_row {
        margin: 10px 0;
    }

    .fa_form_links {
        text-align: center;
    }

    .fa_login_origin {
        font-size: 12px;
        position: fixed;
        bottom: 10px;
        right: 10px;
        z-index: -1;
    }

    .fa_login_origin a {
        font-weight: bold;
    }
    /* AVATAR AND USERNAME */

    .fa_login_avatar {
        background: #FFF;
        border: 1px solid #DDD;
        border-radius: 100px;
        padding: 2px;
        display: inline-block;
        width: 100px;
        height: 100px;
        overflow: hidden;
        position: relative;
    }

    .fa_login_avatar img {
        height: 100px;
        width: 100px;
        border-radius: 100px;
    }

    #fa_avatar_real {
        background: #FFF;
        position: absolute;
        top: 50px;
        left: 50px;
        right: 2px;
        bottom: 2px;
        height: 0;
        width: 0;
        transition: linear 150ms;
    }

    #fa_avatar_real.avatar_visible {
        top: 2px;
        left: 2px;
        height: 100px;
        width: 100px;
    }

    .fa_login_username {
        font-size: 16px;
        font-weight: bold;
    }
    /* BUTTONS AND INPUTS */

    .fa_login_button {
        color: #69C;
        background: none;
        border: 1px solid #69C;
        border-radius: 3px;
        font-size: 16px;
        font-weight: bold;
        font-family: Arial, sans-serif;
        display: block;
        height: 30px;
        line-height: 30px;
        width: 240px;
        margin: 10px auto;
        transition: 250ms;
        outline: none;
        cursor: pointer;
    }

    .fa_login_button:hover {
        color: #FFF;
        background: #69C;
    }

    .fa_login_input {
        color: #666;
        background: #FFF;
        border: 1px solid #CCC;
        border-radius: 3px;
        padding: 0 3px;
        height: 30px;
        width: 232px;
        outline: none;
    }

    .fa_login_input:focus {
        border-color: #69C;
    }
    /* FORM SLIDES AND BACK BUTTON */

    .fa_form_slide {
        position: absolute;
        width: 100%;
        transition: 300ms;
    }

    #fa_login_back {
        position: absolute;
        top: 30px;
        left: 40px;
        opacity: 0;
        visibility: hidden;
        transition: 250ms;
    }

    #fa_login_back.fa_login_visible {
        opacity: 1;
        visibility: visible;
    }
    /* ACCOUNT LIST */

    #account_list {
        background: #EEE;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
    }

    .account_list_row {
        font-size: 16px;
        text-align: left;
        width: 80%;
        margin: 10px auto;
        position: relative;
    }

    .account_list_inner {
        background: #FFF;
        border: 1px solid #DDD;
        border-radius: 3px;
        padding: 3px;
        width: 80%;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .account_list_inner:hover {
        background: #FFD
    }

    .account_list_avatar {
        height: 40px;
        width: 40px;
        vertical-align: middle;
        margin-right: 3px;
    }

    #fa_form_container a.account_list_delete {
        font-size: 30px;
        color: #F33 !important;
        background: #FFF;
        border: 1px solid #F33;
        border-radius: 100px;
        width: 20px;
        height: 20px;
        line-height: 22px;
        text-align: center;
        position: absolute;
        margin-top: -10px;
        top: 50%;
        right: 0;
        display: block;
        overflow: hidden;
    }

    #fa_form_container a.account_list_delete:hover {
        color: #333 !important;
        border-color: #333;
    }
    /* HIDE FIELDS */

    .logged_out #fa_form_logout,
    .logged_in #fa_form_login,
    .noscript #fa_form_login,
    .noscript #fa_form_logout,
    #account_list.accounts_hidden {
        display: none
    }
</style>

<div id="fa_form_container" class="logged_out noscript">
    <h1 class="fa_login_maintitle"><a href="http://www.forumotion.com" target="_blank"><img src="http://i18.servimg.com/u/f18/19/17/54/05/logoti10.png"/><span>Open Source phpBB3</span></a></h1>

    <!-- START_NOSCRIPT_LOGIN_FORM -->
    <noscript>
        <form action="/login" method="post">
            <h2 class="fa_login_title">Entrar</h2>
            <p class="fa_login_desc">Porfavor logueate para tener acceso al foro</p>
            <div class="fa_form_wrap">
                <div class="fa_login_row">
                    <input id="fa_login_username" class="fa_login_input" type="text" name="username" placeholder="Enter your username" />
                </div>

                <div class="fa_login_row">
                    <input id="fa_login_password" class="fa_login_input" type="password" name="password" placeholder="Password" />
                </div>

                <div class="fa_login_row">
                    <input class="fa_login_button" type="submit" name="login" value="Ingresar" />

                    <div style="width:240px;margin:auto;">
                        <div style="float:left;">
                            <label for="fa_autologin">
                                <input id="fa_autologin" type="checkbox" name="autologin" /> Ingresar automaticamente</label>
                        </div>

                        <div style="float:right;">
                            <a href="/profile?mode=sendpassword">¿olvidaste el password?</a>
                        </div>

                        <div class="clear"></div>
                    </div>
                </div>
            </div>

            <div class="fa_form_links">
                <div class="fa_login_row">
                    <a href="/register">Crear cuenta</a>
                </div>
                <div class="fa_login_row">
                    <a href="/login#login_classic">Ingreso normal</a> | <a href="/login?logout=true#login_classic">Salir</a>
                </div>
            </div>
        </form>
    </noscript>
    <!-- END_NOSCRIPT_LOGIN_FORM -->

    <!-- START_LOGIN_FORM -->
    <form id="fa_form_login" action="/login" method="post">
        <h2 class="fa_login_title">Entrar</h2>
        <p class="fa_login_desc">Ingresa para tener acceso al foro
            <script type="text/javascript">
                document.write('<a href="http://' + window.location.host + '">' + window.location.host + '</a>');
            </script>
        </p>
        <div id="fa_form_wrap" class="fa_form_wrap" style="height:210px;">
            <div class="fa_login_row">
                <a id="fa_login_back" href="#">Regresar</a>
                <span class="fa_login_avatar">
<img src="http://illiweb.com/fa/invision/pp-blank-thumb.png"/>
<img id="fa_avatar_real" src="http://illiweb.com/fa/invision/pp-blank-thumb.png"/>
</span>
            </div>

            <!-- START_STEP_1 -->
            <div id="login_step_1" class="fa_form_slide" style="left:0px;">
                <div class="fa_login_row">
                    <input id="fa_login_username" class="fa_login_input" type="text" name="username" placeholder="Enter your username" />
                    <p id="fa_error_username" class="fa_login_row" style="color:#F00;display:none;">Introduce tu usuario.</p>
                </div>

                <div class="fa_login_row">
                    <input id="fa_button_next" class="fa_login_button" type="button" value="Siguiente" />
                </div>
            </div>
            <!-- END_STEP_1 -->

            <!-- START_STEP_2 -->
            <div id="login_step_2" class="fa_form_slide" style="left:400px;">
                <div class="fa_login_row">
                    <span class="fa_login_username"></span>
                </div>

                <div class="fa_login_row">
                    <input id="fa_login_password" class="fa_login_input" type="password" name="password" placeholder="Password" />
                    <p id="fa_error_password" class="fa_login_row" style="color:#F00;width:240px;margin:10px auto;display:none;">El usuario o la contraseña son incorrectos.</p>
                </div>

                <div class="fa_login_row">
                    <input class="fa_login_button" type="submit" name="login" value="Ingresar" />

                    <div style="width:240px;margin:auto;">
                        <div style="float:left;">
                            <label for="fa_autologin">
                                <input id="fa_autologin" type="checkbox" name="autologin" /> Ingresar automaticamente</label>
                        </div>

                        <div style="float:right;">
                            <a href="/profile?mode=sendpassword">¿olvidaste el password?</a>
                        </div>

                        <div class="clear"></div>
                    </div>
                </div>
            </div>
            <!-- END_STEP_2 -->
        </div>

        <div class="fa_form_links">
            <div id="account_list_holder" class="fa_login_row"></div>
            <div class="fa_login_row">
                <a href="/register">Crear cuenta</a>
            </div>
            <div class="fa_login_row">
                <a href="/login#login_classic">Registro normal</a>
            </div>
        </div>
    </form>
    <!-- END_LOGIN_FORM -->

    <!-- START_LOGOUT_FORM -->
    <form id="fa_form_logout" action="/login?logout=true" method="post">
        <h2 class="fa_login_title">Salir</h2>
        <p class="fa_login_desc">Estas saliendo de
            <script type="text/javascript">
                document.write('<a href="http://' + window.location.host + '">' + window.location.host + '</a>');
            </script>
        </p>
        <div class="fa_form_wrap">
            <div class="fa_login_row">
                <span class="fa_login_avatar"><script type="text/javascript">document.write(_userdata.avatar);</script></span>
            </div>

            <div class="fa_login_row">
                <span class="fa_login_username"><script type="text/javascript">document.write('<a href="/u' + _userdata.user_id + '" target="_blank">' + _userdata.username + '</a>');</script></span>
            </div>

            <div class="fa_login_row">¿Estas seguro de salir?</div>
            <div class="fa_login_row">
                <input class="fa_login_button" type="submit" name="confirm" value="Si" />
                <input class="fa_login_button" type="submit" name="cancel" value="No" />
                <script type="text/javascript">
                    //<![CDATA[
                    _userdata.session_logged_in && (function () {
                        var logout = document.getElementById('logout'),
                            container = document.getElementById('fa_form_container'),
                            form_logout = document.getElementById('fa_form_logout');

                        document.title = 'Log out';
                        container.className = 'logged_in';

                        /* if the default login link is present we can get the data from the href attribute. ( FASTER )
                         ** otherwise we'll need to send an AJAX request to the login page for the data ( SLOWER ) */
                        if (logout) {
                            var tid = logout.href.replace(/.*?tid=(.*?)&.*/, '$1'),
                                key = logout.href.replace(/.*?key=(.*?)$/, '$1');

                            form_logout.action += '&tid=' + tid;
                            document.write('<input type="hidden" name="tid" value="' + tid + '"><input type="hidden" name="key" value="' + key + '">');
                        } else {
                            $.get('/login?logout=true&change_version=prosilver', function (d) {
                                var info = $('.submit-buttons', d)[0];
                                if (info) {
                                    info.style.display = 'none';
                                    form_logout.appendChild(info);
                                    form_logout.action += '&tid=' + form_logout.tid.value;
                                }
                            });
                        }
                    }());
                    //]]>
                </script>
            </div>
        </div>
    </form>
    <!-- END_LOGOUT_FORM -->


</div>

<script type="text/javascript">
    //<![CDATA[
    !_userdata.session_logged_in && (function () {
        document.title = 'Ingresar';

        window.fa_form_login = {
            redirect: my_getcookie('fa_login_form_redirect') || '/forum',
            /* change redirection page after login */
            submitting: false,
            /* true if posting login info */

            accountList: document.createElement('DIV'),
            /* stores logged accounts */

            /* move onto the password step
            pass along the user id to get the user avatar faster */
            next: function (id) {
                var username = document.getElementById('fa_login_username');

                if (username.value) {
                    var avatar = document.getElementById('fa_avatar_real'),
                        row, accounts, i;


                    fa_form_login.clearError('username');
                    username.value = username.value.replace(/^\s+|\s+$/g, ''); // trim extra white space

                    // check if the username is already stored
                    if (!id && storage && storage.fa_accounts && window.JSON) {
                        accounts = JSON.parse(storage.fa_accounts);
                        for (i in accounts) {
                            if (username.value.toLowerCase() == accounts[i].username.toLowerCase()) {
                                id = i;
                                break;
                            }
                        }
                    }

                    row = id ? null : document.getElementById('account_user_' + id);

                    // check if account row is created to get an avatar that's already loaded
                    if (row) avatar.src = row.getElementsByTagName('IMG')[0].src;
                    else {
                        $.get(id ? '/ajax/index.php?f=m&user_id=' + id : '/profile?mode=viewprofile&u=' + username.value, function (d) {
                            var ava = id ? $('.tooltip-content img', d)[0] : $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img:first, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img', d)[0];
                            avatar.src = ava ? ava.src : 'http://illiweb.com/fa/invision/pp-blank-thumb.png';
                            avatar.className = 'avatar_visible';
                        });
                    }

                    $('.fa_login_username').html('<a href="/profile?mode=viewprofile&u=' + username.value + '" target="_blank">' + username.value + '</a>');

                    document.getElementById('fa_form_wrap').style.height = '260px';
                    document.getElementById('login_step_1').style.left = '-400px';
                    document.getElementById('login_step_2').style.left = '0px';
                    document.getElementById('fa_login_back').className = 'fa_login_visible';

                    window.setTimeout(function () {
                        document.getElementById('fa_login_password').focus();
                    }, 300);
                } else {
                    fa_form_login.error('username');
                }
            },

            /* move back to the username step */
            back: function () {
                fa_form_login.clearError('password');

                document.getElementById('fa_login_username').focus();
                document.getElementById('fa_avatar_real').className = '';

                document.getElementById('fa_form_wrap').style.height = '210px';
                document.getElementById('login_step_1').style.left = '0px';
                document.getElementById('login_step_2').style.left = '400px';
                document.getElementById('fa_login_back').className = '';
                return false;
            },

            /* submit the login form */
            submit: function () {
                if (!fa_form_login.submitting) {
                    fa_form_login.submitting = true;

                    document.getElementById('fa_form_wrap').style.height = '260px';
                    fa_form_login.clearError('password');

                    $.post('/login', $('#fa_form_login').serialize() + '&login=true', function (d) {
                        fa_form_login.submitting = false;
                        if (/_userdata\["session_logged_in"\] = 1/.test(d)) {
                            var storage = window.localStorage,
                                id = d.match(/_userdata\["user_id"\] = (\d+)/)[1];

                            /* store the user_id and username for next login */
                            if (storage && window.JSON) {
                                var accounts = storage.fa_accounts ? JSON.parse(storage.fa_accounts) : {},
                                    i;

                                for (i in accounts) accounts[i].last_active = 0;

                                accounts[id] = {
                                    last_active: 1,
                                    /* last active account will be marked with a 1 */
                                    username: document.getElementById('fa_login_username').value
                                };

                                storage.fa_accounts = JSON.stringify(accounts);
                            }

                            my_setcookie('fa_login_form_redirect', '');
                            window.location.href = fa_form_login.redirect;
                        } else {
                            fa_form_login.error('password');
                        }
                    });
                }
                return false;
            },

            /* throw a form error and display the error text */
            error: function (type) {
                var error = document.getElementById('fa_error_' + type),
                    wrap = document.getElementById('fa_form_wrap');

                if (/none/.test(error.style.display)) {
                    document.getElementById('fa_login_' + type).style.borderColor = '#F00';

                    error.style.display = 'block';
                    wrap.style.height = +wrap.style.height.replace(/px/, '') + error.getBoundingClientRect().height + 'px';
                }
            },

            /* clear the specified error */
            clearError: function (type) {
                document.getElementById('fa_error_' + type).style.display = 'none';
                document.getElementById('fa_login_' + type).style.borderColor = '';
            },

            /* delete a profile from the account list */
            deleteProfile: function (id) {
                var storage = window.localStorage,
                    accounts = JSON.parse(storage.fa_accounts),
                    row = document.getElementById('account_user_' + id),
                    i;

                delete accounts[id];
                for (i in accounts) {
                    accounts[i].last_active = 1;
                    break;
                }
                storage.fa_accounts = JSON.stringify(accounts);

                row.parentNode.removeChild(row);
                if (!fa_form_login.accountList.firstChild) fa_form_login.accountList.innerHTML = '<div class="fa_login_row">No hay cuentas guardadas</div><div class="fa_login_row"><a href="javascript:fa_form_login.toggleAccounts();">Return to login</a></div>';
            },

            /* create the profile rows based onto the accounts you logged into */
            createProfile: function (id, o) {
                var row = document.createElement('DIV');
                row.id = 'account_user_' + id;
                row.className = 'account_list_row';
                row.innerHTML = '<div class="account_list_inner"><img class="account_list_avatar" src="http://illiweb.com/fa/invision/pp-blank-thumb.png"/> <span class="account_list_username">' + o.username + '</span></div><a class="account_list_delete" title="Remove account" href="javascript:fa_form_login.deleteProfile(\'' + id + '\');">X</a>';
                row.firstChild.onclick = function () {
                    fa_form_login.toggleAccounts();
                    document.getElementById('fa_login_username').value = $('.account_list_username', this).text();
                    fa_form_login.next(this.parentNode.id.slice(13));
                };

                $.get('/ajax/index.php?f=m&user_id=' + id, function (d) {
                    var ava = $('.tooltip-content img', d)[0];
                    if (ava) row.getElementsByTagName('IMG')[0].src = ava.src;
                });

                fa_form_login.accountList.appendChild(row);
            },

            /* basic setup of the account list */
            initAccountList: function () {
                var a = document.createElement('A'),
                    holder = document.getElementById('account_list_holder');

                a.href = '#';
                a.innerHTML = 'Selecciona otra cuenta';
                a.onclick = fa_form_login.toggleAccounts;

                fa_form_login.accountList.id = 'account_list';
                fa_form_login.accountList.className = 'accounts_hidden';

                document.getElementById('fa_form_wrap').appendChild(fa_form_login.accountList);
                holder.appendChild(a);
            },

            /* toggle display of the account list */
            toggleAccounts: function () {
                if (/accounts_hidden/.test(fa_form_login.accountList.className)) {
                    fa_form_login.accountList.className = '';
                    document.getElementById('account_list_holder').firstChild.innerHTML = 'Return to log in';
                } else {
                    fa_form_login.accountList.className = 'accounts_hidden';
                    document.getElementById('account_list_holder').firstChild.innerHTML = 'Selecciona otra cuenta';
                }

                if (!fa_form_login.accountList.firstChild) fa_form_login.accountList.innerHTML = '<div class="fa_login_row">No hay cuentas guardadas</div><div class="fa_login_row"><a href="javascript:fa_form_login.toggleAccounts();">Return to log in</a></div>';
                return false;
            }
        };

        var container = document.getElementById('fa_form_container'),
            username = document.getElementById('fa_login_username'),
            storage = window.localStorage;

        container.className = 'logged_out';

        /* move forward in the form when ENTER is pressed */
        username.onkeydown = function (e) {
            if (e.keyCode && e.keyCode == 13) {
                fa_form_login.next();
                return false;
            }
        };

        /* if the specified data is useable we'll go through the stored accounts in localStorage and form a list for switching */
        if (storage && storage.fa_accounts && window.JSON) {
            var accounts = JSON.parse(storage.fa_accounts),
                i, last_active = false;

            for (i in accounts) {
                if (accounts[i].last_active) {
                    last_active = true;
                    username.value = accounts[i].username;
                    fa_form_login.next(i);
                }

                fa_form_login.createProfile(i, accounts[i]);
            }

            fa_form_login.initAccountList();
            !last_active && username.focus();
        } else username.focus();

        document.getElementById('fa_button_next').onclick = function () {
            fa_form_login.next();
        };
        document.getElementById('fa_login_back').onclick = fa_form_login.back;
        document.getElementById('fa_form_login').onsubmit = fa_form_login.submit;
    }());
    //]]>
</script>


[/hidecode]

Para que funcione ahora cre un JS en todas las páginas
 var o = "/h1-login", <------ cambialo por tu página
Código:


! function() {
    var o = "/h1-login",
        i = !0,
        n = !0;
    n && /\/login/.test(window.location.href) && !/login_classic/.test(window.location.hash) && (window.location.href = o), i && !new RegExp(o).test(window.location.href) && $(function() {
        $('a[href^="/login"], a[href^="http://' + window.location.host + '/login"]').attr("href", o)
    }), /\/login\?redirect/.test(window.location.href) && my_setcookie("fa_login_form_redirect", window.location.search.replace(/.*?redirect=(.*?)(?:&|$)/, "$1"))
}();
Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [html] Pagina de Login en 2 pasos 
el Sáb Abr 30, 2016 10:32 am
@chalo suponiendo que cree una pagina HTML en cualquier editor con header y footer, el primer código publicado donde iría?
jfgonzales
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

18


Puntos :

25


Me gusta :

5


ingreso :

20/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [html] Pagina de Login en 2 pasos 
el Sáb Abr 30, 2016 1:56 pm
staff
debes crear una pagina html dentro de tu PA @jfgonzales por donde se ponen los javascripts, se cean la paginas html, ahi salen las opciones de usar "arriba y abajo" que es el header y footer
Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [html] Pagina de Login en 2 pasos 
el Dom Mayo 01, 2016 8:24 am
Ya casi tengo mi inicio de sesión listo. Estoy detenido en la pagina que verifica el login y la contraseña, justo aquí:

submit : function() {
.....
$.post('/login.php', $('#fa_form_login').serialize() + '&login=true', function(d) {
if (/_userdata\["session_logged_in"\] = 1/.test(d)) {
var storage = window.localStorage,
id = d.match(/_userdata\["user_id"\] = (\d+)/)[1];

alguien sabe que estructura se espera en la data (d) , he intentado con json pero no lo consigo?

ayuda please!!
jfgonzales
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

18


Puntos :

25


Me gusta :

5


ingreso :

20/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [html] Pagina de Login en 2 pasos 
el Dom Mayo 01, 2016 11:38 am
staff
@jfgonzales escribió:[quotelink="/t1120p10-html-pagina-de-login-en-2-pasos#12816"]
Ya casi tengo mi inicio de sesión listo. Estoy detenido en la pagina que verifica el login y la contraseña, justo aquí:

submit : function() {
.....
$.post('/login.php', $('#fa_form_login').serialize() + '&login=true', function(d) {
if (/_userdata\["session_logged_in"\] = 1/.test(d)) {
var storage = window.localStorage,
id = d.match(/_userdata\["user_id"\] = (\d+)/)[1];

alguien sabe que estructura se espera en la data (d) , he intentado con json pero no lo consigo?

ayuda please!!

[warning]esto va en un tema de soporte no aqui[/warning]

if (/_userdata\["session_logged_in"\] = 1/.test(d)) <------ estas verificando que _userdata["session_logged_in"] = 1 sea verdadero dentro de la estructura de la pagina a la que llamaste de forma asíncrona

si colocas despues de [ic]$.post('/login.php', $('#fa_form_login').serialize() + '&login=true', function(d) {[/ic]
console.log('Quiero ver' +d);
veras en la consola lo que d es
Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [html] Pagina de Login en 2 pasos 
el Dom Mayo 01, 2016 9:56 pm
gracias @chalo por tu respuesta a pesar de que mi pregunta no debería ir en esta sección.

En el código se invoca a $.post('/login... justamente este archivo necesito construir, si lo aplicas console.log en tu Demo fácil me puedes proporcionar este dato, lo necesito para el inicio en una aplicación WEB independiente de cualquier foro.

jfgonzales
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

18


Puntos :

25


Me gusta :

5


ingreso :

20/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [html] Pagina de Login en 2 pasos 
el Lun Mayo 02, 2016 8:10 am
staff
[alert]insisto, esto no va aqui @jfgonzales [/alert]
y te arroja todo el html de la pagina cargada eso es lo que hace el test(d), buscar en el html de la pagina que se llama
Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [html] Pagina de Login en 2 pasos 
el Jue Nov 03, 2016 4:30 pm
Comento para ver :3 Gracias
Evans
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

9


Puntos :

11


Me gusta :

2


ingreso :

27/10/2016


Sexo :

Masculino

Plataforma :

punbb


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [html] Pagina de Login en 2 pasos 
el Mar Abr 11, 2017 2:48 am
Perdon mi atrevimiento ese tuto es de Anger Tuteur verdad?
MiyakeDev
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

30


Puntos :

32


Me gusta :

2


ingreso :

11/04/2017


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [html] Pagina de Login en 2 pasos 
el Sáb Jul 01, 2017 10:51 am
Lo acabo de probar y es un buen truco.
Gracias por compartirlo
YoshiGM
avatar

¿Que estoy pensando? :

Aquí Sigo .w. [table class=fecha_up][td]Se modifico:12/07/18 - 17:29 hrs. [/td][/table]


Banner en temas :

https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1130


Puntos :

1504


Me gusta :

214


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.yoshifansclub.net

Volver arriba Ir abajo

Re: [html] Pagina de Login en 2 pasos 
el Vie Sep 15, 2017 11:27 pm
ESTE SISTEMA REALMENTE Y LEGAL
muykay
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

67


Puntos :

69


Me gusta :

2


ingreso :

07/09/2017


Sexo :

Masculino

Plataforma :

punBB


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.