Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB3]Anomalie sur module de connexion rapide

Voir le sujet précédent Voir le sujet suivant Aller en bas

avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Jeu 1 Nov 2018 - 11:47

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.


Dernière édition par photoclic le Ven 2 Nov 2018 - 10:00, édité 2 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 1 Nov 2018 - 19:27

Hello Serge,
tu peux donner la css associée car je ne vois pas le soucis de mon côté.
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Jeu 1 Nov 2018 - 20:21

bonsoir Philippe,

Le CSS est hébergé chez toi clin oeil

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).
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 1 Nov 2018 - 20:37

Avec la tempo à 10 secondes, le bouton reste cliquable mon ami.
Sur mon fofo de test bien sûre clin oeil .
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Jeu 1 Nov 2018 - 20:43

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.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 2 Nov 2018 - 5:03

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.
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Ven 2 Nov 2018 - 9:59

Bonjour Philippe,

C'est tout bon cette fois  super

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

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 2 Nov 2018 - 17:53

De rien Serge,




Coucou

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

A bientôt pour une prochaine demande clin oeil

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum