Damit meine ich sowas: https://www.w3schools.com/howto/howt...lter_lists.asp
Also es werden dinge umgehend mit der Eingabe von Zeichen gefiltert und nicht erst nach dem Drücken auf einen Button.
ich habe den entsprechenden Code von w3c auch schon versucht anzupassen, aber bei der Schleife haben meine Kenntnisse dann ein Ende.
Code:
<body>
<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.." title="Type in a name">
<div class="mod_newslist">
<a class="layout_latest arc_4 block odd itemLogList" href="adresse zum artikel">
<p class="info">#011 | </p>
<div class="project_teaser">
<h2 itemprop="name">raster als grundlage zum modul teil 2</h2>
<div class="ce_text block keys" itemprop="description">
<p>modul</p>
</div>
</div>
</a>
<a class="layout_latest arc_4 block odd itemLogList" href="adresse zum artikel">
<p class="info">#010 | </p>
<div class="project_teaser">
<h2 itemprop="name">raster als grundlage zum modul teil 2</h2>
<div class="ce_text block keys" itemprop="description">
<p>modul</p>
</div>
</div>
</a>
<a class="layout_latest arc_4 block odd itemLogList" href="adresse zum artikel">
<p class="info">#009 | </p>
<div class="project_teaser">
<h2 itemprop="name">raster als grundlage zum modul teil 2</h2>
<div class="ce_text block keys" itemprop="description">
<p>modul</p>
</div>
</div>
</a>
</div>
<script>
function myFunction() {
var input, filter, div, li, a, i, txtValue;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
div = document.getElementByClassName("mod_newslist");
a = div.getElementsByClassName("itemLogList");
for (i = 0; i < li.length; i++) {
a = li[i].getElementsByTagName("a")[0];
txtValue = a.textContent || a.innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
li[i].style.display = "";
} else {
li[i].style.display = "none";
}
}
}
</script>
</body>