Pouvoir mettre la fonction Afficher le mot de passe dans le cadre du Pop-up de connexion rapide

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

Résolu Pouvoir mettre la fonction Afficher le mot de passe dans le cadre du Pop-up de connexion rapide

Message par Invité Mer 20 Mar 2024 - 16:15

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : Le : 20/03/2024
Lien du forum : https://planetegolf.forumactif.com/

Description du problème

Messieurs Dames, je vous salue.

S'il vous plait, y aurait-il quelqu'un qui pourrait me donner un script à ma demande ?

Je m'explique :

Dans la fenêtre "Pop-up de connexion rapide" je voudrais intégrer ceci : "Afficher le mot de passe".
Le script "Afficher le mot de passe" est déjà installé sur mon forum à la connexion de base.

J'ai envie d'installer Le script "Pop-up de connexion rapide" et y rajouter la fonction : "Afficher le mot de passe".

J'ai pris le script : "Afficher le mot de passe" et je l'ai rajouté dans le script "Pop-up de connexion rapide" et l'ai mis dans JavaScript, j'ai essayé plein de formule, mais en vain.

Voici le script de Pop-up de connexion rapide :
https://forum.forumactif.com/t388562-connexion-rapide-sur-toutes-les-pages#3262600
Code:
$(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 = "Récupérez-le";
        /* FIN DE PERSONNALISATION - Ne rien modifier ci-après */
 
        $('body').prepend('<div id="quickloginform_overlay" style="display:none;z-index:2147483647"></div><div id="quickloginform" style="display:none;z-index:2147483647"><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=""><button name="login">' + txt_login + '</button><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>');
 
        $('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();
            }
        });
    }
});

Voici le script de Afficher le mot de passe :
https://forum.forumactif.com/t404651-afficher-le-mot-de-passe#3374538
Code:
$(function() {
    $('label[for="autologin"], .block-login label.label, .gen input[name="autologin"]').after('<br /><input type="checkbox" name="visumdp" id="visumdp"> Afficher le mot de passe</input><br />');
    $('.box-login-btns-main, .form_login > div:last').before('<label><span class="checkbox"><input type="checkbox" name="visumdp" id="visumdp"></input><span class="checkbox-check"></span></span><span>Afficher le mot de passe</span></label><br />');
    $("#visumdp").on("click", function() {
        if ($(this).is(":checked")) {
            $('input[name="password"]').prop("type", "text");
        } else {
            $('input[name="password"]').prop("type", "password");
        }
    });
});


En vous remerciant par avance.

Cordialement.

Veuillez m'excuser : je me suis trompé d'emplacement en posant ma demande qui normalement va dans le sous-forum : Gérer l'apparence de son forum !


Dernière édition par Chacha le Jeu 21 Mar 2024 - 9:21, édité 1 fois (Raison : Sujet déplacé dans la section Problème avec un script, un code)
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pouvoir mettre la fonction Afficher le mot de passe dans le cadre du Pop-up de connexion rapide

Message par Invité Jeu 21 Mar 2024 - 18:03

Bonjour, messieurs dames,

je reviens sur ma demande ci-dessus !

Est-il possible de rajouter Le script "Afficher le mot de passe" dans la fenêtre du script "Pop-up de connexion rapide ?

Le script "Afficher le mot de passe" est déjà installé sur mon forum, mais je voudrais aussi qu'on puisse voir le mot passe dans la fenêtre du"Pop-up de connexion rapide.

S'il vous plait, y aurait-il une personne qui saurait comment m'aider ?

En vous remerciant par avance.

Cordialement.



Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Pouvoir mettre la fonction Afficher le mot de passe dans le cadre du Pop-up de connexion rapide

Message par Toryudo Ven 22 Mar 2024 - 12:03

Bonjour !

Et voilà une fusion des deux scripts en un pour la partie popup de connexion :
Code:
$(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_showmdp = "Afficher le mot de passe",
            txt_guest = "Pas encore inscrit(e) ?",
            txt_create = "Créez un compte",
            txt_lost = "Mot de passe perdu ?",
            txt_recover = "Récupérez-le";
        /* FIN DE PERSONNALISATION - Ne rien modifier ci-après */
 
        $('body').prepend('<div id="quickloginform_overlay" style="display:none;z-index:2147483647"></div><div id="quickloginform" style="display:none;z-index:2147483647"><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=""><button name="login">' + txt_login + '</button><label><p>' + txt_remember + ' <input type="checkbox" style="vertical-align: middle;" name="autologin"></p></label><label><p>' + txt_showmdp + ' <input type="checkbox" style="vertical-align: middle;" name="visumdp" id="visumdp"></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>');
 
        $('a[href*="/login"]').click(function() {
            $('#quickloginform, #quickloginform_overlay').fadeIn();
            $('#quickloginform input[name="username"]').focus();
            return false;
        });
      
        $("#visumdp").on("click", function() {
            if ($(this).is(":checked")) {
                $('input[name="password"]').prop("type", "text");
            } else {
                $('input[name="password"]').prop("type", "password");
            }
        });

        $(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();
            }
        });
    }
});
Toryudo

Toryudo
Aidactif
Aidactif

Masculin
Messages : 1392
Inscrit(e) le : 31/03/2020

https://deus-academia.forumactif.com/
Toryudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pouvoir mettre la fonction Afficher le mot de passe dans le cadre du Pop-up de connexion rapide

Message par Invité Ven 22 Mar 2024 - 17:07

Bonjour,

@Toryudo,

Je vous remercie pour votre retour et d'avoir pris le temps d'avoir concocté cette fusion de script !  Yes

J'ai pris le temps de voir comment vous vous y êtes pris pour faire cela !! franchement bravo, il fallait vraiment savoir !
Ce n'est pas de prendre le script et de le coller à l'autre script, c'est plus complexe que ça !!

Exemple en images avec "Afficher le mot de passe" ;
Pouvoir mettre la fonction Afficher le mot de passe dans le cadre du Pop-up de connexion rapide Captur21

Chapeau et merci,  merci

En vous souhaitant une bonne journée, Clin d\'oeil

Ceci est :  résolu
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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