[PHPBB3]Anomalie sur module de connexion rapide

[photoclic]

Bonjour,

J'utilise ce script pour l'affichage du module de connexion rapide aux invités:

Code:


//Module de Connexion rapide ttes pages
            $(function() {              
              
              $(function() {
                if (_userdata["session_logged_in"] == "0") {
                    /* PERSONNALISATION DES TEXTES */
                    var txt_username = "Nom d'utilisateur",
                        txt_password = "Mot de passe",
                        txt_login = "Connexion",
                        txt_remember = "Rester connecté(e)",
                        txt_guest = "Pas encore inscrit(e) ?",
                        txt_create = "Créez un compte",
                        txt_lost = "Mot de passe perdu ?",
                        txt_recover = "Pour le récupérer...";
                    /* FIN DE PERSONNALISATION - Ne rien modifier ci-après */
        
    $('body').prepend('<div id="quickloginform_overlay" style="z-index:2"></div>
    <div id="quickloginform" style="z-index:2"><form id="fa-login-form" class="login-form" name="form_login" method="post" action="/login"><input type="text" maxlength="40" name="username" placeholder="' + txt_username + '" required=""><input type="password" maxlength="32" name="password" placeholder="' + txt_password + '" required=""><br />
                      
    <button name="login">' + txt_login + '</button><br /><div class="fb-login-button fb_iframe_widget" data-scope="email,user_birthday,user_website,user_location" data-max-rows="1" data-size="large" data-show-faces="false" data-auto-logout-link="false" onlogin="onLoginFB" login_text="Facebook" fb-xfbml-state="rendered" fb-iframe-plugin-query="app_id=245062109230878&auto_logout_link=false&container_width=54&locale=fr_FR&login_text=Facebook&max_rows=1&scope=email%2Cuser_birthday%2Cuser_website%2Cuser_location&sdk=joey&show_faces=false&size=large"></div>
    <div class="ti-connect" data-loc="https://connect.topicit.net/" data-login="https://photoclic.forum-pro.fr/topicit/index.php/connect" data-version="1" data-lang="fr"></div>
    <label><p>' + txt_remember + ' <input type="checkbox" style="vertical-align: middle;" name="autologin"></p></label><p style="float:left; text-align:left;">' + txt_guest + '<br><a href="/register">' + txt_create + '</a></p><p style="float:right; text-align:right;">' + txt_lost + '<br><a href="/profile?mode=sendpassword">' + txt_recover + '</a></p><div style="clear:both;"></div><input name="redirect" value="' + window.location.pathname + '" type="hidden"></form></div>');

    setTimeout(function(){
    $('#quickloginform').animate({opacity: '1'}); }, 10000);                  
              
                          $('a[href*="/login"]').click(function() {
                            $('#quickloginform, #quickloginform_overlay').fadeIn();
                            $('#quickloginform input[name="username"]').focus();
                            return false;
                        });
              
                        $(document).click(function(e) {
                            if ($(e.target).closest('#quickloginform form').length === 0) {
                                $('#quickloginform, #quickloginform_overlay').fadeOut();
                            }
                        });
                        $(document).keyup(function(e) {
                            if (e.keyCode == 27) {
                                $('#quickloginform, #quickloginform_overlay').fadeOut();
                            }
                        });
                    }
                })});


Il s'affiche avec une temporisation de 10 secondes grâce à ce code que m'a développé Philippe:

Code:

setTimeout(function(){
    $('#quickloginform').animate({opacity: '1'}); }, 10000);

Le problème est que pendant cette temporisation, le bouton "Connexion" sur la barre de navigation est inactif.
J'ai donc mis la temporisation à 1000 (1seconde).

Serait-il possible de faire en sorte que le bouton soit actif en permanence, c'est à dire que le module de connexion s'affiche dès que l'on clique sur ce bouton et aussi au bout de l temporisation.

Merci pour votre aide.

[Milouze14Fondateur]

Hello Serge,
tu peux donner la css associée car je ne vois pas le soucis de mon côté.

[photoclic]

bonsoir Philippe,

Le CSS est hébergé chez toi

Code:

#quickloginform {
          height:100%;
          position:absolute;
          right:35%;
          opacity:0;
        }
        #quickloginform>form {
          background-color:#333333;
          box-sizing:border-box;
          margin-top:-1px;
          padding:26px 30px;
          width:360px;
        }

Je pense que tu ne vois pas le souci parce j'ai mis la tempo à 1 seconde (1000).
Je viens de la remettre à 10 secondes (10000).

[Milouze14Fondateur]

Avec la tempo à 10 secondes, le bouton reste cliquable mon ami.
Sur mon fofo de test bien sûre .

[photoclic]

De mon coté Phil, le bouton connexion est inopérant tant que le module de connexion rapide n'apparait pas la 1ière fois, donc au bout donc de 10 secondes.
Et j'ai le même résultat sur mon forum test.

Tu es en admin, si tu veux voir.

[Milouze14Fondateur]

Hello Serge,

ah je comprend mieux ta demande, c'est tout à fait normal Serge, on prend le lien de tous les modules de connexion.

Si tu veux laisser le bouton de connexion activé, trouves cette ligne:

Code:

$('a[href*="/login"]').click(function() {

Et remplaces par:

Code:

 $('a[href*="/login"]:not(.mainmenu)').click(function() {


Le menu de connexion rapide fonctionnera toujours et le bouton sur la navbar sera de nouveau opérationnel.

[photoclic]

Bonjour Philippe,

C'est tout bon cette fois  

Un grand merci à nouveau l'ami pour ton aide.

[Milouze14Fondateur]

De rien Serge,

Coucou

Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande