nicht angemeldet
DHTML Seite in ein Servlet umwandeln
Hi zusammen!
Habe den folgenden HTML Code und den möchte ich nun in ein Servlet umwandeln!
Wie mache ich das am besten bzw. wie gehe ich am besten vor???
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
#Kopfbereich { position:absolute; top:20px; left:30px; }
#Tabelle { position:absolute; top:100px; left:30px; }
body { background-color:#FFFFFF; }
h1,h2,h3,p,ul,ol,li,td,th { font-family:Arial,sans-serif; color:black; }
h1 { font-size:24px; margin-top:4px; margin-bottom:4px; margin-left:6px; }
p,ul,ol,li,td,th { font-size:13px; color:#000000; }
th,td { padding:1px; }
</style>
<script type="text/javascript">
<!--
var Tabellendaten = new Array(
"Baden-Württemberg","28305","6793","32312",
"Bayern","28746","4863","31285",
"Hessen","29998","9466","30070",
"Niedersachsen","22259","10416","29686",
"Nordrhein-Westfalen","25166","11022","31960",
"Rheinland-Pfalz","22400","10958","29353",
"Saarland","22413","13087","29295",
"Schleswig-Holstein","22304","12486","30119",
"Brandenburg","16084","10978","25855",
"Mecklbg.-Vorp","16037","10497","24682",
"Sachsen","16266","6871","25883",
"Sachsen-Anhalt","15783","12471","25149",
"Thüringen","16082","11130","25709",
"Berlin","22143","27757","27757",
"Bremen","33062","33978","33978",
"Hamburg","42097","32121","32131",
"Deutschland gesamt","24658","10053","30078"
);
var sortierte_Tabellendaten = new Array(Tabellendaten.length);
var Spaltenueberschriften = new Array(
"Land",
"Brutto-Inlands-produkt pro Einwohner (in Euro)",
"Öffentliche Schulden pro Einwohner (in DM)",
"Einkommen pro Einwohner 1999 (DM)"
);
var Spalten = Spaltenueberschriften.length;
var Zeilen = Tabellendaten.length / Spalten;
var Spaltenueberschriftformatierungen = new Array(
"width="250" valign="top" style="text-align:left; border:solid 1px #808080"",
"width="100" valign="top" style="text-align:right; border:solid 1px #808080"",
"width="100" valign="top" style="text-align:right; border:solid 1px #808080"",
"width="100" valign="top" style="text-align:right; border:solid 1px #808080""
);
var Spaltenformatierungen = new Array(
"width="250" style="text-align:left; border:solid 1px #808080"",
"width="100" style="font-family:Courier New,courier; text-align:right; border:solid 1px #808080"",
"width="100" style="font-family:Courier New,courier; text-align:right; border:solid 1px #808080"",
"width="100" style="font-family:Courier New,courier; text-align:right; border:solid 1px #808080""
);
var Spaltensortierungen = new Array(
"alphabetisch","numerisch","numerisch","numerisch"
);
var Tabellenformatierung = "border="1" style="border:solid 1px #808080" cellspacing="0"";
var Ordinalzahlenspalte = 1;
var Ordinalzahlenspaltenformatierung = "width="20" style="border:solid 1px #808080"";
var IconNormalAuf = "<img src="normal_auf.gif" width="14" height="12" border="0" alt="">";
var IconNormalAb = "<img src="normal_ab.gif" width="14" height="12" border="0" alt="">";
var IconSortiertAuf = "<img src="sortiert_auf.gif" width="14" height="12" border="0" alt="">";
var IconSortiertAb = "<img src="sortiert_ab.gif" width="14" height="12" border="0" alt="">";
var Sortierzeile = "";
function Erzeuge_Sortierzeile(Nummer,Richtung) {
Sortierzeile = "<tr>";
if(Ordinalzahlenspalte)
Sortierzeile += "<th " + Ordinalzahlenspaltenformatierung + "> </th>";
for(var j = 0; j < Spalten; ++j) {
Sortierzeile += "<th " + Spaltenformatierungen[j] + ">";
if(Richtung == "aufsteigend" && j == Nummer) {
Sortierzeile += IconSortiertAuf + " ";
Sortierzeile += "<a href="javascript:Sortiere_nach_Spalte(" + j + ",'" + Spaltensortierungen[j] + "','absteigend')">" + IconNormalAb + "</a>";
}
else if(Richtung == "absteigend" && j == Nummer) {
Sortierzeile += "<a href="javascript:Sortiere_nach_Spalte(" + j + ",'" + Spaltensortierungen[j] + "','aufsteigend')">" + IconNormalAuf + "</a>";
Sortierzeile += " " + IconSortiertAb;
}
else {
Sortierzeile += "<a href="javascript:Sortiere_nach_Spalte(" + j + ",'" + Spaltensortierungen[j] + "','aufsteigend')">" + IconNormalAuf + "</a> ";
Sortierzeile += "<a href="javascript:Sortiere_nach_Spalte(" + j + ",'" + Spaltensortierungen[j] + "','absteigend')">" + IconNormalAb + "</a></td>";
}
Sortierzeile += "</th>";
}
Sortierzeile += "<tr>";
}
function Sortiere_nach_Spalte(Nummer,Art,Richtung) {
var Spaltendaten = new Array();
var Vergleichsdaten = new Array();
var SortierIndex = new Array();
for(var i = 0; i < Zeilen; ++i)
Spaltendaten[i] = Vergleichsdaten[i] = Tabellendaten[i * Spalten + Nummer];
if(Art == "alphabetisch") Spaltendaten.sort();
if(Art == "numerisch") Spaltendaten.sort(Numsort);
if(Richtung == "absteigend") Spaltendaten.reverse();
for(i = 0; i < Zeilen; ++i)
for(var j = 0; j < Zeilen; ++j)
if(Spaltendaten[i] == Vergleichsdaten[j])
SortierIndex[i] = j;
var Speicher;
for(i = 0; i < Zeilen; ++i)
for(j = 0; j < Spalten; ++j)
sortierte_Tabellendaten[i * Spalten + j] = Tabellendaten[SortierIndex[i] * Spalten + j];
Erzeuge_Sortierzeile(Nummer,Richtung);
Schreibe_Tabelle(sortierte_Tabellendaten);
}
function Schreibe_Tabelle(Array) {
var Tabelleninhalt = "";
Tabelleninhalt += "<table " + Tabellenformatierung + ">";
Tabelleninhalt += "<thead><tr>";
if(Ordinalzahlenspalte)
Tabelleninhalt += "<th " + Ordinalzahlenspaltenformatierung + "> </th>";
for(var j = 0; j < Spalten; ++j)
Tabelleninhalt += "<th " + Spaltenueberschriftformatierungen[j] + ">" + Spaltenueberschriften[j] + "</th>";
Tabelleninhalt += "</tr>";
Tabelleninhalt += Sortierzeile;
Tabelleninhalt += "</thead>";
Tabelleninhalt += "<tfoot></tfoot>";
Tabelleninhalt += "<tbody>";
for(var i = 0; i < Zeilen; ++i) {
Tabelleninhalt += "<tr>";
if(Ordinalzahlenspalte)
Tabelleninhalt += "<td " + Ordinalzahlenspaltenformatierung + ">" + (i+1) + ".</td>";
for(var j = 0; j < Spalten; ++j)
Tabelleninhalt += "<td " + Spaltenformatierungen[j] + ">" + Array[i * Spalten + j] + "</td>";
Tabelleninhalt += "</tr>";
}
Tabelleninhalt += "</tbody>";
Tabelleninhalt += "</table>";
if(document.getElementById)
document.getElementById("Tabelle").innerHTML = Tabelleninhalt;
else if(document.all)
document.all.Tabelle.innerHTML = Tabelleninhalt;
else if(document.layers) {
document.Tabelle.document.open();
document.Tabelle.document.write(Tabelleninhalt);
document.Tabelle.document.close();
}
}
function Numsort(a,b)
{ return a-b; }
</script>
<title>Tabelle</title>
</head>
<body onLoad="Erzeuge_Sortierzeile(-1,''); Schreibe_Tabelle(Tabellendaten);">
<div id="Kopfbereich">
<h1>Bundesländer im Vergleich</h1>
<noscript>
<p>Die Daten auf dieser Seite lassen sich nur mit JavaScript-fähigen Browsern und mit eingeschaltetem JavaScript anzeigen!</p>
</noscript>
</div>
<div id="Tabelle"></div>
</body>
</html>
Würde mich freuen wenn ihr mir helfen könnt!
gruss Tommy