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:
[code]
Titelbody { 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;
}
<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>
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