Javascript hulp gezocht - live search
15 december 2009 - 17:14   
geplaatst door: Big Al
Hallo aan alle Javascript goden op dit forum (en al het andere gepeupel) ;-)

Ik wil voor mijn website een live search in Javascript hebben maar da's niet mijn sterkste kant. Wat ik wil is dat middels een input-text box je iets in kunt tikken en dat wat je in tikt blijft dan alleen staan, de rest verdwijnt dan.

De HTML ziet er zo uit

<label>Dit is tekst 1</label>
<label>Dit is tekst 2</label>
<label>Dit is tekst 3</label>
<label>Dit is een andere tekst</label>
<label>En dit is ook een tekst</label>

Dat ik het met labels doe heeft een reden, laten we er even van uitgaan dat dit ook zo moet blijven. Dus zoek ik in de tekstbox op "ook" dan moet de laatste blijven staan en de rest weg zijn.

Wie oh wie kan mij hiermee helpen. Google biedt geen uitkomst namelijk.

Dank aan u allen met een antwoord!   :worship:  :thumbs-up:

Tabé!
Javascript hulp gezocht - live search
21 december 2009 - 00:22    reactie #1
geplaatst door: Big Al
Is er nou helemaal niemand hier die iets met Javascript kan? Of willen die mensen niet helpen?   :tounge:
Tabé!
Javascript hulp gezocht - live search
21 december 2009 - 01:25    reactie #2
geplaatst door: MacWim
Nou Big Al, aan goede wil ontbreekt het hier eigenlijk nooit.
Waarschijnlijk is er gewoon geen bezoeker van jouw post die een antwoord weet.
Ik helaas ook niet.

Maar blijf gerust je vragen posten op Macfreak.  :tounge:

Mac mini M1, 16 GB 1TB | MBA 6.2 | iPhone 13 mini | iPad 2025 | iPod touch 2009 | Apple TV 3
Bouw websites; webteksten; beeldbewerking met Pixelmator Pro. interlijn.nl
Javascript hulp gezocht - live search
21 december 2009 - 01:38    reactie #3
geplaatst door: marcone
Twenty years from now you will be more disappointed by the things that you didn't do than by the ones you did do. So throw off the bowlines. Sail away from the safe harbor. Catch the trade winds in your sails. Explore. Dream. Discover. - Mark Twain
Javascript hulp gezocht - live search
21 december 2009 - 07:32    reactie #4
geplaatst door: Big Al
Even lezen wat ik vraag. Dat is dus niet zoiets als waar jij naar verwijst.  :wink:
Tabé!
Javascript hulp gezocht - live search
21 december 2009 - 10:50    reactie #5
geplaatst door: fredmatrack
Ik denk dat je binnen je label best 'div' tags rond de tekst zet. Elke div geef je een ID. Vervolgens kan je met document.getElementById('divid').innerHTML de tekst van die div ophalen. Je kan dat ook automatiseren als je al die labels in een div zet. Van die buitenste div kan je dan alle binnenste divs ophalen en overlopen.

Combineer dat met

myString.indexOf(searchSctring)

en dan met de style 'visible' none/block en je bent er.

Javascript hulp gezocht - live search
21 december 2009 - 12:11    reactie #6
geplaatst door: Big Al
Dank voor de tip, ga dit eens proberen.   :shakehands:  :thumbs-up:
Tabé!