Générateur de Mots de passe pour forumactif

Salut a tous

je me permet de donner une petite contribution au forum sa me semble utile et sa peut aidé ceux qui débute dans le monde des forum

Ce Tuto s'addresse au personnes débutante avant tout

permettre a vos visiteur d'avoir une sécurité en plus es votre rôle en tant qu'administrateur

mais comment faire

forumactif vérouille l'upload de page



c'est assez simple pour que vos membres puisse mettre leurs compte réellement en sécurité il suffi d'avoir un mot de passe généré

un mots de passe es normalement en chiffres et en lettres donc a l'aide de 2 ou 3 bouts de codes je vai vous donné un générateur de mots de passe et un controleur de sécurité

• Pour commencé on va aller sur le paneau d'admin
  
• Ensuite nous allons nous dirigez sur l'onglet "Modules" en haut de votre page
  
• Puis on va redescendre dans la page jusqu'à "Gestion des pages HTML"
  
• cliquez sur "Créer une nouvelle page html"
  
  

Nous voici sur un éditeur blanc



pas de panique forumactif a pensé a nous


configuré votre page comme ceci pour gardé le style de votre forum

donez lui un nom comme moi par exemple "mots de passe "

"Voulez-vous utiliser le haut et le bas de page de votre forum ?" cocher "oui"




Maintenants nous allons passé a la partie interessante

et oui le codage ... cela nous facilite la tache de prendre le haut de page vu que les balises de début et de fin sont entré vous pouvez entré un code brut
oui mais comment faire sans moteur dynamique ?

et bien avec monsieur javascript tout bêtement

mais déjà votre texte si vous voulez en ajouté bien sur

Code:

 <center>  <!--  cette balise centre votre texte  -->
<strong> <!-- celle ci met en gras votre phrase  -->
Votre texte
</strong> <!-- fermeture de la balise -->
 </br> <!-- saut de ligne  -->

votre texte...
</p>
</center>

pour les accents je vous invite a regardé ici les codes caractère

on va maintenants passé au code de notre générateur

Code:

<script language="Javascript" title="Généré un mots de passe"> <!-- ceci es le texte qui va appraitre sur votre bouton du générateur // -->


var keylist="abcdefghijklmnopqrstuvwxyz123456789"
var temp=''
function generatepass(plength){
temp=''
for (i=0;i<plength;i++)
temp+=keylist.charAt(Math.floor(Math.random()*keylist.length))
return temp
}
function populateform(enterlength){
document.pgenerate.output.value=generatepass(enterlength)
}

</script> 

on va ensuite retourné dans un peut de html juste une micro formalité pour affiché votre générateur

Code:

<form name="pgenerate">
<input type="text" size=18 name="output">
<input type="button" value="Généré mon mots de passe" onClick="populateform(this.form.thelength.value)"><br>
<b>Longueur:</b> <input type="text" name="thelength" size=3 value="9"><!-- value="9" es le nombre de caractère par défaut de vos mots de passe il générera donc des mots de passe de 9 caractère vous pouvez changer cette valeur par le chiffre que vous voulez -->
</form>

Et voila un générateur de mots de passe sur votre forum


ensuite créer un controleur de mots de passe


inséré ceci en haut de page

Code:

<style type="text/css">
#weak, #medium
{
   border-right:solid 1px #DEDEDE;
}

#sm
{
   margin:0px;
   padding:0px;
   height:14px;
   font-family:Tahoma, Arial, sans-serif;
   font-size:9px;
}

#sm ul
{
   border:0px;
   margin:0px;
   padding:0px;
   list-style-type:none;
   text-align:center;
}

#sm ul li
{
   display:block;
   float:left;
   text-align:center;
   padding:0px 0px 0px 0px;
   margin:0px;
   height:14px;
}

.nrm
{
   width:84px;
   color:#adadad;
   text-align:center;
   padding:2px;
   background-color:#F1F1F1;
   display:block;
   vertical-align:middle;
}

.red
{
   width:84px;
   color:#FFFFFF;
   text-align:center;
   padding:2px;
   background-color:#FF6F6F;
   display:block;
   vertical-align:middle;
}

.yellow
{
   width:84px;
   color:#FFFFFF;
   text-align:center;
   padding:2px;
   background-color:#FDB14D;
   display:block;
   vertical-align:middle;
}

.green
{
   width:84px;
   color:#FFFFFF;
   text-align:center;
   padding:2px;
   background-color:#A0DA54;
   display:block;
   vertical-align:middle;
}
</style>

ceci es du css bon pardonnez moi je n'aime pas trop le css je suis plus programmation interne

on va y mettre un coup de javascript ( et oui encore )

Code:

<script type="text/javascript">
function evalPwd(s)
{
   var cmpx = 0;
   
   if (s.length >= 6)
   {
      cmpx++;
      
      if (s.search("[A-Z]") != -1)
      {
         cmpx++;
      }
      
      if (s.search("[0-9]") != -1)
      {
         cmpx++;
      }
      
      if (s.length >= 8 || s.search("[\x20-\x2F\x3A-\x40\x5B-\x60\x7B-\x7E]") != -1)
      {
         cmpx++;
      }
   }
   
   if (cmpx == 0)
   {
      document.getElementById("weak").className = "nrm";
      document.getElementById("medium").className = "nrm";
      document.getElementById("strong").className = "nrm";
   }
   else if (cmpx == 1)
   {
      document.getElementById("weak").className = "red";
      document.getElementById("medium").className = "nrm";
      document.getElementById("strong").className = "nrm";
   }
   else if (cmpx == 2)
   {
      document.getElementById("weak").className = "yellow";
      document.getElementById("medium").className = "yellow";
      document.getElementById("strong").className = "nrm";
   }
   else
   {
      document.getElementById("weak").className = "green";
      document.getElementById("medium").className = "green";
      document.getElementById("strong").className = "green";
   }
}
</script>

j'aime bien embété mon monde avec mon Java


inséré ce petit bout de code a la suite

Code:

<form>
<input type="text" size="24" onkeyup="evalPwd(this.value);" />
<div id="sm"><ul><li id="weak" class="nrm">Faible</li><li id="medium" class="nrm">Moyen</li><li id="strong" class="nrm">Fort</li></ul></div>
</form>

et le tour est jouer

j'espere que ce mini Tuto vous aura aidé un peut et qu'il sera assé claire en cas de soucis dites le moi


si il y en a qui veulent le reprendre pour le mettre ailleur c'est avec plaisir que je leurs dit oui sa aidera des gens sans aucun doute


si vous voulez je vous expliquerez comment l'intégré dans vos templattes phpbb2