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

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 :

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.