Hilfe bei JavaScript Array...

L

lordnikoin

Grünschnabel
Hallo ich habe folgende Frage zum Array...

bin mir nicht ganz sicher ob es überhaupt richtig ist wie ich denke...

also ich habe folgende Aufgabe die ich lösen möchte aber ich komme als absoluter anfänger einfach nicht weiter...

Ich möchte vier Felder kreiren die auch Angezeit werde wenn ich die Html Datei starte...

Ind den felder sollen Zahlen stehen die am Anfang ungeordnet sind und durch Klick auf einen Button dann in der richtigen Reihenfolge dar stehen Beispiel:

Feld 1 = 13

Feld 2 = 3

Feld 3 = 5

Feld 4 = 27

Wenn ich richtig liege brauche ich ein vierer Arry****?

Einen Button der mir dann wenn ich ihn klicke die richtig reihenfolge in den Feldern ausgibt also 3 5 13 27...



Was ich habe ist folgendes aber ich komme ab hier einfach nicht weiter...


Meine Datei bis jetzt...

<HTML>
<HEAD>
<TITLE>Arry Sortieren</TITLE>
</HEAD>
<BODY>
<script type="text/javascript">

function sortNum(a,b) {
return a - b;
}
var arr = new Array('4');
arr [0] = 13;
arr [1] = 3;
arr [2] = 5;
arr [3] = 27;
alert (arr.sort(sortNum));
</script>
</head>
<body>
</HTML>


Damit bekomme ich ja nur ein Popupfenster mit der richtigen Reihenfolge brauche dringend ganz schnell Hilfe verzweifele schon an der aufgabe...

danke im voraus Gruß lordnikoin :(:(:(
 
Hi

Gib den 4 Feldner ids.
Mit getElementById griefst du auf die einzelnen Felder zu,
holst dir die Values und speicherst sie in das Array.
Dann Sortieren.
Dann die Werte wieder per getElementById-value in die Felder reinschreiben.

Dein body-Tag ist übrigens nicht zu.

Bitte benutze in Zukunft die Codetags und beachte Netiquette §15.

Gruß
 
Ok sorry bin noch absoluter Anfänger gibt es igendwo ein Beispiel oder kann mir jemand mal ein Beispiel schicken damit ich es mir mal anschauen kann****?

Werde mir in Zukunft auch mehr Mühe geben die Netiquette §15 einzuhalten...

Danke Gruß lordnikoin
 
SelfHTML?

Ein Textfeld:
HTML: 
<input id="txt0" type="text">
Bei den anderen Dreien nimmst du als id txt1 bis txt3.
(Die Namen sind frei wählbar, müssen aber dann mit dem JavaScript zusammenpassen).

Und das Script:
Javascript: 
var arr = new Array('4');
arr [0] = getElementById('txt0').value;
...
alert (arr.sort(sortNum));
getElementById('txt0').value = arr[0];
...
Bei den ... eben für die anderen drei Felder.
Oder gleich eine Schleife.

Gruß
 
Hai

schau mal, ob das hilfreich ist.

Idi

HTML: 
<html><head><title> http://de.selfhtml.org/javascript/objekte/array.htm#sort // Aufgebohrt </title>
</head><body>
<div>unsortierte Namen:
<span id="Ina">Ina</span>
<span id="Bettina">Bettina</span>
<span id="Tina">Tina</span>
<span id="Martina">Martina</span>
</div>

<script type="text/javascript">
function Numsort (a, b) {
  return a - b;
}

//var Namen = new Array("Ina", "Bettina", "Tina", "Martina");
var Namen=[], sTags = document.getElementsByTagName('span');
for (var s=0,l=sTags.length;s<l;s++) {
  Namen.push(sTags[s].id);
}
Namen.sort();

var Zahlen = new Array(27, 2, 10, 4);
Zahlen.sort(Numsort);

var Namenausgabe = Namen.join(",");
var Zahlenausgabe = Zahlen.join(",");
document.write("sortierte Namen: " + Namenausgabe + "<br>");
document.write("sortierte Zahlen: " + Zahlenausgabe);
</script>
</body></html>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück