Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Vérification de la disponibilité du pseudo à l'inscription

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

  • 0

Astuce Vérification de la disponibilité du pseudo à l'inscription

Message par Ea Dim 6 Fév 2011 - 14:42

Vérification de la disponibilité du pseudo à l'inscription

Cette astuce permet de différencier la case de pseudo à l'inscription selon qu'il soit disponible ou pas :

Voir illustration :
Vérification de la disponibilité du pseudo à l'inscription 20-07-14

Vérification de la disponibilité du pseudo à l'inscription 20-07-15

Création du script


Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des codes Javascript

Assurez-vous que la gestion des codes Javascript soit activée, puis créez un nouveau javascript ayant pour titre "Vérification de la dispo des pseudos" et pour placement "Sur toutes les pages" (plus d'informations sur la gestion des scripts).

Code:
location.pathname == "/register" && location.search == "?step=2&agreement=1&privacy=1" && $(function() {

    function verifyRU() {
        $('#username_reg').attr('value', $('#username_reg').attr('value').trim().replace(/(\s)\s+/g, '$1'));
        if ($('#username_reg').attr('value') == '') $('#username_reg').removeClass('okusername');
        else $.get('/search?mode=searchuser&fieldname=username&search_username=' + encodeURIComponent($('#username_reg').attr('value')) + '&time=' + Math.floor((new Date()).getTime() / 1000), function(data) {
            ($(data).find('#username_list').length == 1 && $(data).find('#username_list option').length == 1 && $(data).find('#username_list option').attr('value') != '') ? $('#username_reg').removeClass('okusername'): $('#username_reg').addClass('okusername');
        });
    }

    $('#username_reg').change(function() {
        verifyRU();
    });
});

N'oubliez pas de cliquer sur le bouton Valider pour sauvegarder les modifications.

Insertion du CSS


Panneau d'administration  Affichage  Images et Couleurs - couleurs (Onglet Feuille de style CSS)

Code:
/* Début - style pour vérification pseudo à l'inscription */
#username_reg {
  color: #a94442;
  background-color:#f2dede;
}
#username_reg.okusername {
  color: #3c763d;
  background-color:#dff0d8;
}
/* Fin - style pour vérification pseudo à l'inscription */

N'oubliez pas de cliquer sur le bouton Valider pour sauvegarder les modifications.

Ea

Ea
Aidactif
Aidactif

Messages : 23581
Inscrit(e) le : 04/04/2008

Voir le profil de l'utilisateur
Ea a été remercié(e) par l'auteur de ce sujet.

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


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