Loon3y
Neues Mitglied
Hallo,
ich muss für ein Projekt (momentan offline) eine Tabelle mit x auswahlmöglichkeiten erstellen. Dabei sollte man via eine art register die Tabellendaten spezieller auswählen lassen.
Jetzt bin ich folgendermaßen das ganze angegangen:
so schön und gut, habe nun 4 optionen gegeben. Allerdings ist hierbei das Problem, das ich für jede Option nochmals eine Datei erstellen muss. Das bedeutet sehr viel aufwand.
Nun meine Frage wäre: Ist es möglich, dies alles zu vereinfachen und durch klicken eines Stichpunktes die Tabelle via code so zu verändern das er mir die optionen alle eingrenzt?
Gruß
Loon3y
ich muss für ein Projekt (momentan offline) eine Tabelle mit x auswahlmöglichkeiten erstellen. Dabei sollte man via eine art register die Tabellendaten spezieller auswählen lassen.
Jetzt bin ich folgendermaßen das ganze angegangen:
Code:
<!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>
<title>Titel</title>
<style type="text/css" media="screen">
body { background-color: #FFFFFF; font-family: Arial; font-size: 12px; text-align: left;
}
#over { width: 70em; margin: 10px auto; padding: 0px 5px; background-color: #FFFFFF; border: #000000 2px solid;
}
#navi { width: 20%; padding: 10px 5px; text-align: center; float: left; display: block;
}
.list { padding: 0px 10px;
}
h1 { text-align: left; padding: 0px 5px;
}
h3 { padding: 0px 5px;
}
</style>
</head>
<body>
<div id="over">
<h1>Test</h1>
<div id="navi">
<h3>sortet by Race</h3>
<select name="select">
<option class="list" onclick="window.location='race_all.htm'"> - All - </option>
<option class="list" onclick="window.location='race_a.htm'"> A </option>
<option class="list" onclick="window.location='race_b.htm'"> B </option>
<option class="list" onclick="window.location='race_c.htm'"> C </option>
<option class="list" onclick="window.location='race_d.htm'"> D </option>
</select>
</div>
<div id="navi">
<h3>sortet by Gender</h3>
<select name="select">
<option class="list" onclick="window.location='gender_all.htm'"> - All - </option>
<option class="list" onclick="window.location='gender_female.htm'"> female </option>
<option class="list" onclick="window.location='gender_male.htm'"> male </option>
</select>
</div>
<div id="navi">
<h3>sortet by Location</h3>
<select name="select">
<option class="list" onclick="window.location='location_all.htm'"> - All - </option>
<option class="list" onclick="window.location='location_a.htm'"> A </option>
<option class="list" onclick="window.location='location_b.htm'"> B </option>
<option class="list" onclick="window.location='location_c.htm'"> C </option>
<option class="list" onclick="window.location='location_d.htm'"> D </option>
</select>
</div>
<div id="navi">
<h3>sortet by Job</h3>
<select name="select">
<option class="list" onclick="window.location='job_all.htm'"> - All - </option>
<option class="list" onclick="window.location='job_a.htm'"> A </option>
<option class="list" onclick="window.location='job_b.htm'"> B </option>
<option class="list" onclick="window.location='job_c.htm'"> C </option>
<option class="list" onclick="window.location='job_d.htm'"> D </option>
</select>
</div>
<div style="clear:both; margin:0; padding:0"></div>
</div>
</body>
</html>Nun meine Frage wäre: Ist es möglich, dies alles zu vereinfachen und durch klicken eines Stichpunktes die Tabelle via code so zu verändern das er mir die optionen alle eingrenzt?
Gruß
Loon3y
