Digicode 1.0

Description

Voilà, un petit script permettant de protéger certaines pages. Sa amène à la page ayant le nom du code taper.
Par exemple : Créer une page nommé 1234.html; Ensuite mettez la dans le méme dossier que le digicode. Lancer le digicode et cliquez sur les touche 1,2,3 et 4
Ensuite cliquer sur V et vous verez que la page 1234.html s'ouvre. Facile non?

Source / Exemple :


Tout est dans le ZIP... Mais voici quand même le code. Créer une image pour chaque chiffre et deux image pour Valider et X quitter.

-------------------------------
<HEAD>
<script language="javascript"><!--

var num="0";
var code=new Array(num,num,num,num,num,num,num,num);
var pos=0;

for (var f = 0; f < 8; f++) {
  code[f]="v";
}

c1=new Image(); c1.src="c1.gif"
c2=new Image(); c2.src="c2.gif"
c3=new Image(); c3.src="c3.gif"
c4=new Image(); c4.src="c4.gif"
c5=new Image(); c5.src="c5.gif"
c6=new Image(); c6.src="c6.gif"
c7=new Image(); c7.src="c7.gif"
c8=new Image(); c8.src="c8.gif"
c9=new Image(); c9.src="c9.gif"
c0=new Image(); c0.src="c0.gif"
cv=new Image(); cv.src="cv.gif"

function affiche(){
  document.images.a.src=eval("c"+code[0]+".src");
  document.images.b.src=eval("c"+code[1]+".src");
  document.images.c.src=eval("c"+code[2]+".src");
  document.images.d.src=eval("c"+code[3]+".src");
  document.images.e.src=eval("c"+code[4]+".src");
  document.images.f.src=eval("c"+code[5]+".src");
  document.images.g.src=eval("c"+code[6]+".src");
  document.images.h.src=eval("c"+code[7]+".src");
}
function nouveau(num) {
  if (pos<8) {
    for (var f = 1; f < 8; f++) {
      code[f-1]=code[f];
    }
    code[7]=eval(num);
    pos+=1;
  }
  affiche();
}
function ok() {
  password="";
  for (var f = 0; f < 8; f++) {
    if (code[f]!="v") {password+=code[f]};
  }
  var locate;
  locate = password + ".htm";
  this.location.href = locate;
}
function cancel() {
  for (var f = 0; f < 8; f++) {
    code[f]="v";
  }
  pos = 0;
  affiche();
}
//--></script>
</HEAD>
<BODY>
 <TABLE BORDER=4 CELLSPACING=0 WIDTH=152
bordercolordark="#000000" bordercolorlight="#F0F0F0" bordercolor="#FFFFFF" bgcolor="#000000">
   <TR>
      <TD align=center>
         <P><CENTER><IMG SRC="cv.gif" WIDTH=16 HEIGHT=21 ALIGN=bottom
         name="a"><IMG SRC="cv.gif" WIDTH=16 HEIGHT=21 ALIGN=bottom
         name="b"><IMG SRC="cv.gif" WIDTH=16 HEIGHT=21 ALIGN=bottom
         name="c"><IMG SRC="cv.gif" WIDTH=16 HEIGHT=21 ALIGN=bottom
         name="d"><IMG SRC="cv.gif" WIDTH=16 HEIGHT=21 ALIGN=bottom
         name="e"><IMG SRC="cv.gif" WIDTH=16 HEIGHT=21 ALIGN=bottom
         name="f"><IMG SRC="cv.gif" WIDTH=16 HEIGHT=21 ALIGN=bottom
         name="g"><IMG SRC="cv.gif" WIDTH=16 HEIGHT=21 ALIGN=bottom
         name="h"></CENTER>
      </TD></TR>
</TABLE><TABLE BORDER=4 CELLSPACING=0 WIDTH=152
cols="3" rows="4" bordercolordark="#000000" bordercolorlight="#F0F0F0" bordercolor="#FFFFFF" bgcolor="#C0C0C0">
   <TR>
      <TD align=center>
         <P><CENTER><A HREF="#" onclick="nouveau('1')"><IMG
         SRC="b1.gif" WIDTH=41 HEIGHT=41 BORDER=0 ALIGN=bottom></A>
         </CENTER>
      </TD><TD align=center>
         <P><CENTER><A HREF="#" onclick="nouveau('2')"><IMG
         SRC="b2.gif" WIDTH=41 HEIGHT=41 BORDER=0 ALIGN=bottom></A>
         </CENTER>
      </TD><TD align=center>
         <P><CENTER><A HREF="#" onclick="nouveau('3')"><IMG
         SRC="b3.gif" WIDTH=41 HEIGHT=41 BORDER=0 ALIGN=bottom></A>
         </CENTER>
      </TD></TR>
   <TR>
      <TD align=center>
         <P><CENTER><A HREF="#" onclick="nouveau('4')"><IMG
         SRC="b4.gif" WIDTH=41 HEIGHT=41 BORDER=0 ALIGN=bottom></A>
         </CENTER>
      </TD><TD align=center>
         <P><CENTER><A HREF="#" onclick="nouveau('5')"><IMG
         SRC="b5.gif" WIDTH=41 HEIGHT=41 BORDER=0 ALIGN=bottom></A>
         </CENTER>
      </TD><TD align=center>
         <P><CENTER><A HREF="#" onclick="nouveau('6')"><IMG
         SRC="b6.gif" WIDTH=41 HEIGHT=41 BORDER=0 ALIGN=bottom></A>
         </CENTER>
      </TD></TR>
   <TR>
      <TD align=center>
         <P><CENTER><A HREF="#" onclick="nouveau('7')"><IMG
         SRC="b7.gif" WIDTH=41 HEIGHT=41 BORDER=0 ALIGN=bottom></A>
         </CENTER>
      </TD><TD align=center>
         <P><CENTER><A HREF="#" onclick="nouveau('8')"><IMG
         SRC="b8.gif" WIDTH=41 HEIGHT=41 BORDER=0 ALIGN=bottom></A>
         </CENTER>
      </TD><TD align=center>
         <P><CENTER><A HREF="#" onclick="nouveau('9')"><IMG
         SRC="b9.gif" WIDTH=41 HEIGHT=41 BORDER=0 ALIGN=bottom></A>
         </CENTER>
      </TD></TR>
   <TR>
      <TD align=center>
         <P><CENTER><A HREF="#" onclick="cancel()"><IMG SRC="bca.gif"
         WIDTH=41 HEIGHT=41 BORDER=0 ALIGN=bottom></A></CENTER>
      </TD><TD align=center>
         <P><CENTER><A HREF="#" onclick="nouveau('0')"><IMG
         SRC="b0.gif" WIDTH=41 HEIGHT=41 BORDER=0 ALIGN=bottom></A>
         </CENTER>
      </TD><TD align=center>
         <P><CENTER><A HREF="javascript:ok()"><IMG SRC="bok.gif"
         WIDTH=41 HEIGHT=41 BORDER=0 ALIGN=bottom></A></CENTER>
      </TD></TR>
   <TR>
      <TD>
         <P>
      </TD><TD>
         <P>
      </TD><TD>
         <P>
      </TD></TR>
</TABLE><TABLE BORDER=4 CELLSPACING=0 WIDTH=152
bordercolordark="#000000" bordercolorlight="#F0F0F0" bordercolor="#FFFFFF" bgcolor="#C0C0C0">
   <TR>
      <TD align=center>
         <P><CENTER><FONT SIZE="-2" FACE="Arial,Helvetica"
         COLOR="#000099">Digicode par </FONT><A HREF="http://www.javascriptfr.com/ecriremsg.asp?ID=1368" target="_blank"><FONT SIZE="-2"
         FACE="Arial,Helvetica"
         COLOR="#000099">SlashGo</FONT></A><FONT
         SIZE="-2" FACE="Arial,Helvetica" COLOR="#000099"> </FONT>
         </CENTER>
      </TD></TR>
</TABLE><SCRIPT LANGUAGE="javascript"><!--- hide script from old browsers
affiche();
// end hiding ---></SCRIPT>

Conclusion :


Je l'ai testé sur IE, MSN EXPLORER, Netscape et opéra, et sa marche.

Codes Sources

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.