Connexion

Récupérer mon mot de passe

Derniers sujets
» *RESOLU*[PhpBB3] Retirer bouton contact aux invités
par photoclic Aujourd'hui à 9:46

» histoire du Jour sans fin
par Quad Daniel Aujourd'hui à 7:30

» [PhpBB2] Avertissement lors de la publication d'un email
par Milouze14 Aujourd'hui à 3:53

» *RESOLU*[PhpBB2] Annonce Google décalée
par Milouze14 Lun 11 Nov 2019 - 21:08

» [PhpBB2] Ajouter à vos favoris
par Milouze14 Lun 11 Nov 2019 - 18:22

» [PhpBB2] Changer le nom d'un groupe
par petitefeuille Lun 11 Nov 2019 - 15:53

» *RESOLU*[Edge] Bannière defilante
par Milouze14 Lun 11 Nov 2019 - 8:57

» *RESOLU*[PhpBB3] Bouton uniquement sur premier post
par Milouze14 Dim 10 Nov 2019 - 19:19

» *RESOLU*[PhpBB3] Photos par thèmes
par Milouze14 Dim 10 Nov 2019 - 17:51

» Le ver de terre "Blagounette"
par soleda Sam 9 Nov 2019 - 6:14

» *RESOLU*[PhpBB3] L'heure sous la date dans un Blog
par Milouze14 Ven 8 Nov 2019 - 19:30

» [PhpBB2] Ajout de boutons barre Windows 10
par Milouze14 Ven 8 Nov 2019 - 17:53

» [Edge]Avatar par défaut dans le Qeel
par Milouze14 Ven 8 Nov 2019 - 17:25

» [PhpBB2] Barre windows 10
par Milouze14 Mer 6 Nov 2019 - 18:15

» [Edge] Icônes Font Awesome devant les titres de forums
par Milouze14 Mar 5 Nov 2019 - 19:12

» [Edge] Supprimer la bulle des icones du forum
par Milouze14 Mar 5 Nov 2019 - 16:03

» [PhpBB2] Installe rmarque ligne
par Milouze14 Lun 4 Nov 2019 - 19:52

» [PhpBB2] Indexation d'une section par auteur et par ordre alphabétique
par Milouze14 Lun 4 Nov 2019 - 14:54

» [AwesomeBB] Modifier l'icône du bouton d'accueil
par Splash Lun 4 Nov 2019 - 11:51

» *RESOLU*[PhpBB3] Retour à la page d'accueil
par Milouze14 Dim 3 Nov 2019 - 20:39

*RESOLU* [PHPBB3]Anomalie sur module de connexion rapide

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

photoclic
photoclic
Milouzien

Messagephotoclic le 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

MessageMilouze14 le 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é.
photoclic
photoclic
Milouzien

Messagephotoclic le 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

MessageMilouze14 le 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 .
photoclic
photoclic
Milouzien

Messagephotoclic le 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

MessageMilouze14 le 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.
photoclic
photoclic
Milouzien

Messagephotoclic le 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

MessageMilouze14 le 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