Aus einem zweidimensionalen Array sollen bedingt Werte ausgelesen werden und in einem textarea ausgegeben werden. Die dazu geschriebene Function funktioniert auch gut. Leider wird im textarea aber immer nur der letzte gefundene Wert angezeigt (könnte sein, dass die vorherigen auch eingeschrieben aber dann vom nächsten überschrieben werden). Textarea als Ausgabe habe ich gewählt, weil bei Aufruf der function ja nicht klar ist , wie viele Ergebnisse gefunden werden. Das Array hat real 2400 Zeilen und jeweils 5 Spalten). Wie kann da eine mehrzeilige Ausgabe realisiert werden? Habe im Forum-Archiv keinen Hinweis gefunden. Hinweis: der Browser dient nur als Arbeitsumgebung , die Anwendung soll nur local auf einem Rechner laufen. Deshalb ist ein link auch nicht möglich.
Kann eine andere Ausgabemethode (Tabelle oder Frame ) einfacher sein? Bin aber blutiger HTML-Anfänger und kann nicht allzuviel (außerdem 72).
Hier der Quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Array_Test</title>
<meta name="author" content="Claus">
<meta name="editor" content="html-editor phase 5">
<script type="text/javascript">
var DB = new Array(9);
for (var i = 1; i <=9 ; ++i)
DB[i] = new Array(5);
DB[1][1] = "1980" ;
DB[1][2] = "5" ;
DB[1][3] = "Tanz der Vulkane" ;
DB[1][4] = "1" ;
DB[1][5] = "Vulkane auf Hawai, Formen der Lava, Früherkennung der Ausbrüche" ;
DB[2][1] = "1980" ;
DB[2][2] = "5" ;
DB[2][3] = "Akropolis passe" ;
DB[2][4] = "61" ;
DB[2][5] = "Athen 1980, Verfall der historischen Bauten auf der Akropolis, Luftzverschmutzung durch Autoverkehr, Parthenon, Erechtheion" ;
DB[3][1] = "1980" ;
DB[3][2] = "5" ;
DB[3][3] = "Nur nicht auffallen" ;
DB[3][4] = "61" ;
DB[3][5] = "Mimikry, Heuschrecken, Zikaden, Helmleguan, Gottesanbeterin" ;
DB[4][1] = "1980" ;
DB[4][2] = "5" ;
DB[4][3] = "Die Franzosen der neuen Welt" ;
DB[4][4] = "80" ;
DB[4][5] = "Quebec" ;
DB[5][1] = "1980" ;
DB[5][2] = "5" ;
DB[5][3] = "Boeing" ;
DB[5][4] = "107" ;
DB[5][5] = "Produktion Herstellung Flugzeuge Boeing" ;
DB[6][1] = "1980" ;
DB[6][2] = "5" ;
DB[6][3] = "Die grünen Patriarchen" ;
DB[6][4] = "128" ;
DB[6][5] = "Baumsterben, Umweltverschmutzung, Silhouette von Laubbäumen," ;
DB[7][1] = "1980" ;
DB[7][2] = "4" ;
DB[7][3] = "Gold; Mythos und Realität eines Edelmetalls" ;
DB[7][4] = "8" ;
DB[7][5] = "Gold als Machtsymbol, Spekulationsgeschäfte, Minen in Südafrika, Soziale Lage der schwarzen Kumpel" ;
DB[8][1] = "1980" ;
DB[8][2] = "4" ;
DB[8][3] = "Rügen; Und im Sommer nach Binz" ;
DB[8][4] = "34" ;
DB[8][5] = "Insel Rügen Kreidefelsen, Fischerei, Urlaubsbetrieb, Kleinbahn von Göhren nach Putbus, Geschichte und Gegenwart, Baudenkmale, Hünengräber" ;
DB[9][1] = "1980" ;
DB[9][2] = "4" ;
DB[9][3] = "Dem Himmel verfallen" ;
DB[9][4] = "56" ;
DB[9][5] = "Fallschirmspringen, Gruppenspringen und Einzelspringen" ;
function Ausgabe () {
var Anzahl = 9;
var i, u, v, w, x, y, z, mystr, gefunden;
gefunden = 0;
/*var Suchwort = document.meinForm.myFeld.value;*/
var Suchwort = "verschmutzung";
for (i = 1; i <= Anzahl; ++i) {
u = "Jahrgang: " + DB[i][1];
v = "Heft " + DB[i][2];
x = DB[i][3];
y = DB[i][5].indexOf(Suchwort);
z = DB[i][1];
w = "Seite: " + DB[i][4];
if (y != -1){
mystr = u + " " + v + " " + w + " " + x ;
window.document.meinForm.user_eingabe.value = mystr;
gefunden = 1;
}
}
if (gefunden == 0){
alert("nicht gefunden");
}
}
</script>
<style type="text/css">
div {border:thin solid #800; text-align:center;}
#a {border:none; width:60%; height:35%; position:absolute; top:140px; left:20%;}
#b {border:none; width:10%; height:5%; position:absolute; top:350px; left:45%;}
#c {border:thin; width:20%; height:5%; position:absolute; top:10px; left:25%;}
</style>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
Hallo Welt!
<form action="input_text.htm" name="meinForm">
<div id="a">
<textarea name="user_eingabe" cols="70" rows="10">Ausgabefeld</textarea>
</div>
<div id="b">
<input type="button" value="Ausgabe" onclick="Ausgabe()">
</div>
<input name="myFeld" type="text" size="30" maxlength="40">
</form>
</body>
</html>