diedVIPs

html knowhow

Liste sortieren













Liste sortieren

Damit können Sie einen anklickbaren Button auf ein Bild setzen.
So sieht´s aus

  • Heppenheim
  • Bensheim
  • Lorsch
  • Weinheim
  • Darmstadt
  • Mannheim

Quellcode
<html>
<head>

<style type="text/css">Hier nichts</style>
</head>

<body>
<button onclick="sortList()">Sortieren!</button>
<center><table style="width: 20%">
<tr><td><ul id="id01">
<li>Heppenheim</li>
<li>Bensheim</li>
<li>Lorsch</li>
<li>Weinheim</li>
<li>Darmstadt</li>
<li>Mannheim</li>
</ul>
</td></tr>
</table></center>

<script>
function sortList() {
var list, i, switching, b, shouldSwitch;
list = document.getElementById("id01");
switching = true;
while (switching) {
switching = false;
b = list.getElementsByTagName("LI");
for (i = 0; i < (b.length - 1); i++) {
shouldSwitch = false;
if (b[i].innerHTML.toLowerCase() > b[i + 1].innerHTML.toLowerCase()) {
shouldSwitch = true;
break;
}
}
if (shouldSwitch) {
b[i].parentNode.insertBefore(b[i + 1], b[i]);
switching = true;
}
}
}
</script>
</body>

</html>








Kontakt    Datenschutz    Impressum