Hilfe beim "Polybios-Chiffre" ; Javascript

Iteritox

Guten Abend,
Ich habe hier ein Problem mit einem Javascript-Programm und es ist wirklich wichtig für mich. Ich habe schon etwas länger vesucht es irgendwie zu programmieren, aber bekomme es leider nicht hin.
Das Programm sollte nach dem Prinzip des Polybios-Chiffre funktionieren (kurze Erläuterung dazu: Wikipedia) und da hakt es dann auch gleich schon am Javascript-Teil bei mir.
Das Design war aufgrund meiner bisherigen html-Kentnisse eigentlich kein Problem, es muss nicht besonders gut aussehen, so, wie ich es hinbekommen habe, würde es schon reichen:

HTML

<html>
<head>
<script language="JavaScript">
var wort
var x=new Array()






function verschluesseln()
{wort=bla.text.value
wort=wort.toUpperCase()


}


</script>
</head>
<body bgcolor="green">
<form name="bla">
<h1>Polybios-Chiffre</h1>






<textarea name="text" cols="30" rows="10"> </textarea></p>




<input type="button" value="Verschlüsseln" name="B1" onclick="verschluesseln()">








<textarea name="verschluesselung" cols="30" rows="10"> </textarea></p>






<input type="reset" value="Neu"></p>




</form>
</body>
</html>

Alles anzeigen

P.S. Es wäre wirklich schön gleich die komplette Version zu erhalten, es ist wiegesagt sehr wichtig für mich, aber auch schon Teile von der Programmierung wären hilfreich

synaptic

also zuerst mal gehört an jedes ende einer zeile nen semikolon und zum anderen... du hast da ja nichma nen ansatz gebracht...
schon mal an ein zweidimensionales array gedacht?

Iteritox

ich kenn mich da nicht so sehr mit aus, ich habe mein bestes dabei gegeben, wirklich, sonst würd ich nicht ein forum aufsuchen und um hilfe bitten..

synaptic

na jut dann nehme ich mich deiner mal an und gucke ma ob ich da was hinbekomme

edit: wenn dich via icq ein bad admin anschreibt, solltest du antworten..
könnte helfen

synaptic

so hier der code:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Polybios-Chiffre</title>
</head>


<script type="text/javascript" language="JavaScript">
var wort;					   						 //deklaration der variable für den input
var code="";										 //deklaration und leere initialisierung der variable für den input
var polymap= new Array(5);							 //erstellen des ersten Arrays, welches die erste spalte aufnimmt

  polymap[1] = new Array(5);						 //in jedem "fach" des ersten arrays ist ein eigenes array mit 5 weiteren plätzen
  polymap[1][1]="A";
  polymap[1][2]="B";
  polymap[1][3]="C";
  polymap[1][4]="D";
  polymap[1][5]="E";
  polymap[2] = new Array(5);  						 //siehe oben (an dieser stelle- polymap[2][0]- gibt es keinen wert, damit die tabelle stimmt )
  polymap[2][1]="F";
  polymap[2][2]="G";
  polymap[2][3]="H";
  polymap[2][4]="I";
  polymap[2][5]="K";
  polymap[3] = new Array(5);						 //siehe oben(an dieser stelle- polymap[3][0]- gibt es keinen wert, damit die tabelle stimmt )
  polymap[3][1]="L";
  polymap[3][2]="M";
  polymap[3][3]="N";
  polymap[3][4]="O";
  polymap[3][5]="P";
  polymap[4] = new Array(5);						 //siehe oben(an dieser stelle- polymap[4][0]- gibt es keinen wert, damit die tabelle stimmt )
  polymap[4][1]="Q";
  polymap[4][2]="R";
  polymap[4][3]="S";
  polymap[4][4]="T";
  polymap[4][5]="U";
  polymap[5] = new Array(5);						 //siehe oben(an dieser stelle- polymap[5][0]- gibt es keinen wert, damit die tabelle stimmt )
  polymap[5][1]="V";
  polymap[5][2]="W";
  polymap[5][3]="X";
  polymap[5][4]="Y";
  polymap[5][5]="Z";






function verschluesseln(){
wort=bla.text.value;	  							 //hier bekommt die variable für den input einen wert
wort=wort.toUpperCase();							 //damit der input auch dem inhalt unserer tabelle gleicht wandeln wir den input um
for(wortcount=0; wortcount< wort.length; wortcount++){  //hier wird durch das wort im input ein durchlauf gestartet
suchBuchstabe(wort.charAt(wortcount));	 				//für jeden buchstaben wird die funktion suchBuchstabe aufgerufen
code +=suchBuchstabe(wort.charAt(wortcount))+" ";		//die variable für die ausgabe wird mit den resultaten der suchBuchstabe-funktion gefüllt
}


document.getElementById("verschluesselung").value = code;	//hier wird dem textfeld mit der ID "verschluesselung" der wert der ausgabe-variablen zugewisen  


}


function suchBuchstabe(buchstabe){				  	//diese funktion durchläuft die komplette tabelle
  for(i=1; i< polymap.length; i++){					//in zwei in sich verschachtelten schleifen wird 
		 for(j=1; j< polymap.length; j++){			//also an jeder stelle geprüft ob der eingegebene buchstabe
		   if(buchstabe == polymap[i][j]){			//vorhanden ist. sollte das der fall sein
			return i+""+j; 							//werden die werte von i und j zurückgegeben.
		    }	   									//der leerstring "" verhindert eine addition
		 }


  }
}
</script>
</head>
<body bgcolor="green">
<form name="bla">
<h1>Polybios-Chiffre</h1>






<input type="text" name="text" cols="30" rows="10" /></p>




<input type="button" value="Verschlüsseln" name="B1" onclick="verschluesseln();">








<textarea id="verschluesselung" cols="30" rows="10"> </textarea></p>






<input type="reset" value="Neu"></p>




</form> 
</body>
</html>

Alles anzeigen

zu sehen ist das ganze unter:
http://home.arcor.de/synaptic/hilfe/polybios-chiffre.html

Dodo

Zitat

"OSI-LAYER8-Problem!!!\n\nREPLACE USER!!"

besteht das OSI-Modell nicht nur aus 7 Schichten? O.o
PS: was soll die Meldung da überhaupt?^^

Iteritox

Bedanke mich recht herzlich bei Synaptic, echt toller Support von ihm, toller Kerl, und dazu hat er noch witzige Sprüche drauf

edit: Dodo, das ging an meinen Lehrer =)

synaptic

Zitat von Dodo

besteht das OSI-Modell nicht nur aus 7 Schichten? O.o
PS: was soll die Meldung da überhaupt?^^

jaa dodo da haste recht.. die 8te schicht soll an dieser stelle den user repräsentieren...
da liegt der witz begraben!!

die meldung hat keinen sinn- deswegen ist sie ja da!

edit: hab des ganze jetzt auch für den firefox tauglich gemacht und hochgeladen..

Dodo

oooh hat mich nur verwundert als da auf einmal n Alert kam, als ich das getestet hab xD
Hat mich irgendwie total verwirrt^^

synaptic

joa war ne fun-action.. hab ich im nächsten code wieder entfernt..
wieso nächste code?? ganz einfach, ver chiffriert muss auch de-chiffrieren können...
funktioniert hier aber nur wenn die konventionen dieses chiffrierens übernommen wird..
also zahlcode leerzeile zahlcode...
also am besten nur das dings hier benutzen...

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Polybios-Chiffre</title>
</head>


<script type="text/javascript" language="JavaScript">
var wort;					   						 //deklaration der variable für den input
var code="";										 //deklaration und leere initialisierung der variable für den input
var polymap= new Array(5);							 //erstellen des ersten Arrays, welches die erste spalte aufnimmt

  polymap[1] = new Array(5);						 //in jedem "fach" des ersten arrays ist ein eigenes array mit 5 weiteren plätzen
  polymap[1][1]="A";
  polymap[1][2]="B";
  polymap[1][3]="C";
  polymap[1][4]="D";
  polymap[1][5]="E";
  polymap[2] = new Array(5);  						 //siehe oben (an dieser stelle- polymap[2][0]- gibt es keinen wert, damit die tabelle stimmt )
  polymap[2][1]="F";
  polymap[2][2]="G";
  polymap[2][3]="H";
  polymap[2][4]="I";
  polymap[2][5]="K";
  polymap[3] = new Array(5);						 //siehe oben(an dieser stelle- polymap[3][0]- gibt es keinen wert, damit die tabelle stimmt )
  polymap[3][1]="L";
  polymap[3][2]="M";
  polymap[3][3]="N";
  polymap[3][4]="O";
  polymap[3][5]="P";
  polymap[4] = new Array(5);						 //siehe oben(an dieser stelle- polymap[4][0]- gibt es keinen wert, damit die tabelle stimmt )
  polymap[4][1]="Q";
  polymap[4][2]="R";
  polymap[4][3]="S";
  polymap[4][4]="T";
  polymap[4][5]="U";
  polymap[5] = new Array(5);						 //siehe oben(an dieser stelle- polymap[5][0]- gibt es keinen wert, damit die tabelle stimmt )
  polymap[5][1]="V";
  polymap[5][2]="W";
  polymap[5][3]="X";
  polymap[5][4]="Y";
  polymap[5][5]="Z";






function verschluesseln(){
wort=document.getElementById("text").value;	  			//hier bekommt die variable für den input einen wert
wort=wort.toUpperCase();							    //damit der input auch dem inhalt unserer tabelle gleicht wandeln wir den input um
for(wortcount=0; wortcount< wort.length; wortcount++){  //hier wird durch das wort im input ein durchlauf gestartet
suchBuchstabe(wort.charAt(wortcount));	 				//für jeden buchstaben wird die funktion suchBuchstabe aufgerufen
code +=suchBuchstabe(wort.charAt(wortcount))+" ";		//die variable für die ausgabe wird mit den resultaten der suchBuchstabe-funktion gefüllt
}


document.getElementById("verschluesselung").value = code;	//hier wird dem textfeld mit der ID "verschluesselung" der wert der ausgabe-variablen zugewisen  


}


function suchBuchstabe(buchstabe){				  	//diese funktion durchläuft die komplette tabelle
  for(i=1; i< polymap.length; i++){					//in zwei in sich verschachtelten schleifen wird 
		 for(j=1; j< polymap.length; j++){			//also an jeder stelle geprüft ob der eingegebene buchstabe
		   if(buchstabe == polymap[i][j]){			//vorhanden ist. sollte das der fall sein
			return i+""+j; 							//werden die werte von i und j zurückgegeben.
		    }	   									//der leerstring "" verhindert eine addition
		 }


  }
}


function dechiffrier(){
var start=0;		   									 
var ziel =3;
buchstabe=document.getElementById("verschluesselung").value;


var codetemp = buchstabe.length/3;							//die codes bestehen aus 2 zahlen und 1 leerzeichen- codetemp zählt also die anzahl der buchstaben, die das wort bilden.
var codeArray = new Array(codetemp);						//erzeugen eines arrays für die einzelnen codefragmente


for(arraycount=0; arraycount < codeArray.length; arraycount++){ //dieses array wird stück für stück durchlaufen
codefragment = buchstabe.substring(start,ziel);	 				//ausdem gesamtString werden in 3-er paketen die werte rausgeholt (eben 2 zahlen und 1 leerzeichen
codeArray[arraycount]= codefragment								//diese fragmente kommen in je ein "fach" im array
start+=3;			   											//entsprechende variable für den substring wird hochgezählt, um den nächsten teil zu bekommen
ziel+=3;
codepart = codeArray[arraycount]								//hier holt man die einzelnen inhalte aus den entrsprechenden feldern im array
codepart1 = codepart.substring(0,1);							//die erste zahl für das polymap-array
codepart2 = codepart.substring(1,2);							//die zweite zahl für das polymap-array
code = polymap[codepart1][codepart2];							//erzeugung der des codes durch angabe der arrayposition in polymap
document.getElementById("entschluesselung").value += code;		//in der ausgabe wird stück für stück der code angehängt, bis das wort entschlüsselt ist
}


}


function clearing(){							  	 			//diese funktion wird benötigt weil ein reset-button zwar die felder leeren würde, aber nicht den wert in den variablen
document.getElementById("entschluesselung").value = "";
document.getElementById("verschluesselung").value = "";
code = "";
wort = "";
}
</script>
</head>
<body bgcolor="green">
<form name="bla">
<h1>Polybios-Chiffre</h1>






<input type="text" id="text" cols="30" rows="10" /></p>
<div style="float:left;">
<input type="button" value="Verschlüsseln" name="B1" onclick="verschluesseln();">




<textarea id="verschluesselung" cols="30" rows="10"> </textarea>
</div>






<div style="float:left; margin-left: 20px;"><input type="button" value="Dechiffrier" name="B1" onclick="dechiffrier();">


<textarea id="entschluesselung" cols="30" rows="10"> </textarea></div>


<p style="clear:both;"><input type="button" value="Neu" onclick="clearing();"></p>
</form> 
</body>
</html>

Alles anzeigen

sollte in allen browsern laufen!
der link oben enthält diese neueste version des chiffrierers

Tags