Witam!
Skryptów wyszukiwania dynamicnego znalazłem dużo, jednak nie taki, jakiego potrzebuję.
Mam stronę, która składa się z pola wyszukiwania, w które można wpisać cokolwiek oraz listy poniżej niego (wyświetlanej w pętli w php).
Chodzi mi o to, aby użytkownikowi w czasie wpisywania tekstu pozostawały tylko te linie z listy, które owy fragment w sobie zawierają.
Z góry dziękiuję za wszelkie podpowiedzi/wskazówki/rozwiązania.

Ja bym zrobił coś w ten deseń:

[JAVASCRIPT] pobierz, plaintext 
$("#search")
	.on("input", function () {
		$("#results li")
			.hide()
			.filter(function () {
				return $(this).text().indexOf($("#search").val()) >= 0;
			})
			.show();
	});
[JAVASCRIPT] pobierz, plaintext 

Mój przykład zadziała tylko w nowoczesnych przeglądarkach, bo używa zdarzenia "input". Możesz to zastąpić "keyup", wtedy będzie działać również ze starszymi przeglądarkami. Po wpisaniu znaku, wszystkie elementy listy są chowane, a następnie pokazywane są tylko te, które zawierają w tekście wpisaną frazę.

I jak to użyć na stronie? Przyznam szczerze, że o ile php znam już w miarę, o tyle w JS stawiam dopiero pierwsze kroki (tak jak tytuł działu - Przedszkole)

Musisz na stronie załączyć bibliotekę jQuery na przykład tak (polecam wstawić to zaraz przed zamknięciem </body>):

[HTML] pobierz, plaintext 
<script src="http://code.jquery.com/jquery.min.js"></script>
[HTML] pobierz, plaintext 

A potem wstawić mój skrypt, najlepiej też zapisać go w zewnętrznym pliku i w analogiczny sposób połączyć ze stroną. Pamiętaj, że identyfikatory elementów HTML muszą się zgadzać, ja przykładowo założyłem, że pole tekstowe ma id="search", a lista z wynikami to <ol> lub <ul> z id="results".

Zrobiłem tak i nic się nie dzieje w czasie wpisywania w polu tekstowym.

Pokaż swój kod HTML. Jeśli to plik PHP, to możesz pokazać sam wynikowy HTML (pokaż źródło).

Żródło części strony z listą.

[HTML] pobierz, plaintext 
<script src="http://code.jquery.com/jquery.min.js"></script>
<script>
    $("#search")
    .on("input", function () {
    $("#results li")
    .hide()
    .filter(function () {
    return $(this).text().indexOf($("#search").val()) >= 0;
    })
    .show();
    });
</script>
<div class="section">
			<div id="portfolio" class="bg-color">
				<div class="container">
					<div class="title-section">
 
						<h1>Tytul</h1>
						<p>Content</p>
							<input id="search"/>
					</div>
					<ul class="katlista" id="results">
						<li><a href="http://strona.pl/podstrona.html" rel="bookmark" title="Tresc linku">Tresc linku</a></li>
					</ul>
 
				</div>
			</div>			
		</div>
[HTML] pobierz, plaintext 

Dzięki, działa.
A może wiesz jak zmienić, aby nie uwzględniało rozróżnienia na małe i wielkie litery?

Jasne, zamień tę linię:

[JAVASCRIPT] pobierz, plaintext 
return $(this).text().indexOf($("#search").val()) >= 0;
[JAVASCRIPT] pobierz, plaintext 

Na tę:

[JAVASCRIPT] pobierz, plaintext 
return $(this).text().toLowerCase().indexOf($("#search").val().toLowerCase()) >= 0;
[JAVASCRIPT] pobierz, plaintext 

EDIT

Przepraszam, pomyliłem nazwę metody

Wszystko super działa. Dzięki