Search Bar about algorithm-visualizer HOT 5 CLOSED

Yup, this is definitely needed.

from algorithm-visualizer.

The nav bar seems like a better option, easily visible and we can make it quite wide. There are really good Ajax-based autocomplete plugins for search box implementation. example1, example2 (ajax-based)

Alternatively, it could be in side menu. As soon as you start typing, the menu is replaced by clickable suggestions. Which one seems better to you?

Also, my css skills are very poor, so the UI will be minimal. I'd be grateful if others would improve it.

from algorithm-visualizer.

@nem035 Adding dropdown is one of the options I was considering. But you're right about ajax, we already have the entire list in memory, silly me!

I'm a bit more inclined toward the header search bar which will show matches from the in-memory list when the user starts typing, so I'll work on that.

Sure, thanks!

from algorithm-visualizer.

That will be great.
In which are you going to add it, side menu or navigation bar?

from algorithm-visualizer.

@duaraghav8, just to clarify, you are thinking of adding a dropdown that loads the data from the server, showing the user search matches to what they typed and opens an algorithm page when the user clicks on it? Or does it just filter the existing list in the sidebar based on what user typed?

Here's my 2 cents: If we still intend to preload the algorithm content in the left sidebar, we don't need to use ajax for the search and should just do in-memory filtering of results, no need to make network requests for things we already have.

This could also mean we might not even need a plugin. We can just have an input box with a listener that either shows the results in a dropdown or filters the DOM when the user hits enter (or maybe even while they are typing, if it's fast enough).

My vote goes for the sidebar search if we are filtering the exiting content and for the header search if we are showing a dropdown of clickable matches.

I would suggest you pick what you think is best and then we'll work on it once you get a working version :)

from algorithm-visualizer.