Search bar html5

[zazadanger68]

Mijn vraag

Ik wil graag voor mijn website een search box.
Search box moet de volgende kunnen:

- Wanneer een gebruiker bijvoorbeeld "iPhone" tikt zou de gebruiker suggesties moeten krijgen van bijvoorbeeld "iPhone 6 - iPhone 7" met foto's

Zie voorbeeld:


- HTML5


Wat ik al gevonden of geprobeerd heb
Heeeeel lang via Google gezocht maar kon niets vinden...
Ik heb nu een search box op mijn website, maar zelfs ik vind het 3x niks...

[ Voor 4% gewijzigd door zazadanger68 op 28-06-2017 14:48 ]

[MAX3400]

https://www.upwork.com/hi...ality-with-php-and-mysql/ ?

Database lekker in RAM laten cachen en klaar.

[zazadanger68]

MAX3400 schreef op woensdag 28 juni 2017 @ 14:49:
https://www.upwork.com/hi...ality-with-php-and-mysql/ ?

Database lekker in RAM laten cachen en klaar.

Thanks voor je snelle reactie!
Ik zal er even naar kijken.

[RobIII]

MAX3400 schreef op woensdag 28 juni 2017 @ 14:49:
https://www.upwork.com/hi...ality-with-php-and-mysql/ ?

Database lekker in RAM laten cachen en klaar.

Als er nog wat te cachen valt that is
Hint: SQL injection.

En dat is nog los van het gebruik van de deprecated mysql_* functies (en andere algehele bagger in dat artikel...)

HTML: bron van artikel

<meta property="article:published_time" content="2016-01-25T13:37:51-07:00" />
<meta property="article:modified_time" content="2017-04-24T17:49:21-07:00" />
<meta property="og:updated_time" content="2017-04-24T17:49:21-07:00" />

OMG... dat artikel stamt niet eens uit 't jaar knoop maar is nog van januari vorig jaar ook!

@zazadanger68 je zoekt een "autocomplete" zoekveld. Daar is méér dan genoeg op te vinden.

[ Voor 50% gewijzigd door RobIII op 28-06-2017 16:06 ]

[zazadanger68]

RobIII schreef op woensdag 28 juni 2017 @ 15:36:
[...]

Als er nog wat te cachen valt that is
Hint: SQL injection.

En dat is nog los van het gebruik van de deprecated mysql_* functies (en andere algehele bagger in dat artikel...)

HTML: bron van artikel

<meta property="article:published_time" content="2016-01-25T13:37:51-07:00" />
<meta property="article:modified_time" content="2017-04-24T17:49:21-07:00" />
<meta property="og:updated_time" content="2017-04-24T17:49:21-07:00" />

OMG... dat artikel stamt niet eens uit 't jaar knoop maar is nog van januari vorig jaar ook!

@zazadanger68 je zoekt een "autocomplete" zoekveld. Daar is méér dan genoeg op te vinden.

Echt super bedankt! Precies wat ik zocht :)!

[zazadanger68]

Ik heb het bijna aan de praat :)!

Maar had nog een vraagje waar ik niet echt uitkom.

Ik heb de autocomplete geïnstalleerd en geconfigureerd op mijn website, maar wanneer ik op een resultaat klik wordt ik doorgestuurd naar mijn huidige webpagina.

Ik wil wanneer er op een resultaat wordt geklikt dat de gebruiker automatisch naar de juiste pagina gaat.

Dit is de autocomplete die ik heb gebruikt.
http://jsbin.com/cunuxaqe/2/edit?html,js,output

Zelf ben ik er achter gekomen dat iedere resultaat naar de volgende regel kijkt:
$li.append('<a href="#">');
Hier luistert alle resultaten naar...

Hebben jullie nog tips en/of tricks?

[P1nGu1n]

zazadanger68 schreef op donderdag 29 juni 2017 @ 10:57:
Ik heb het bijna aan de praat :)!

Maar had nog een vraagje waar ik niet echt uitkom.

Ik heb de autocomplete geïnstalleerd en geconfigureerd op mijn website, maar wanneer ik op een resultaat klik wordt ik doorgestuurd naar mijn huidige webpagina.

Ik wil wanneer er op een resultaat wordt geklikt dat de gebruiker automatisch naar de juiste pagina gaat.

Dit is de autocomplete die ik heb gebruikt.
http://jsbin.com/cunuxaqe/2/edit?html,js,output

Zelf ben ik er achter gekomen dat iedere resultaat naar de volgende regel kijkt:
$li.append('<a href="#">');
Hier luistert alle resultaten naar...

Hebben jullie nog tips en/of tricks?

Zoals dit?
http://jsbin.com/tesulotise/edit?html,js,output

Wat er is aangepast:
- url property toegevoegd aan projects array
- de '#' verplaatst met de url uit het item

[zazadanger68]

P1nGu1n schreef op donderdag 29 juni 2017 @ 11:09:
[...]


Zoals dit?
http://jsbin.com/tesulotise/edit?html,js,output

Wat er is aangepast:
- url property toegevoegd aan projects array
- de '#' verplaatst met de url uit het item

Damnn you are fast
Thanks voor je hulp.

Nu kan ik eindelik beginnen met het inrichten van mijn autocomplete :)!

[NMe]

MAX3400 schreef op woensdag 28 juni 2017 @ 14:49:
https://www.upwork.com/hi...ality-with-php-and-mysql/ ?

Database lekker in RAM laten cachen en klaar.

PHP-code die $_REQUEST gebruikt voor user input? Abort! Abort!

P1nGu1n schreef op donderdag 29 juni 2017 @ 11:09:
[...]


Zoals dit?
http://jsbin.com/tesulotise/edit?html,js,output

Wat er is aangepast:
- url property toegevoegd aan projects array
- de '#' verplaatst met de url uit het item

Die is leuk voor een kort lijstje van dingen die je wil autocompleten maar voor de meeste searches zul je de waardes toch met een AJAX-call willen checken op de server.

[ Voor 41% gewijzigd door NMe op 29-06-2017 11:44 ]