WikiViewer Problems [SOLVED]

[jm535]

@PortableStick

When you trigger form elements, by default the make a POST request to whatever web server you specify and then reload the page. It’s old-school behavior that drove web form submissions before the days of AJAX. All you need to do is prevent that default behavior. There’s a handy method to do this called preventDefault

@PortableStick

Hope this helps!

Yes! This works, thank you!

@PortableStick

There’s a lot going on here

Indeed. I was thinking I should be able to refactor the searchWiki() into a for loop and assign the results that way. I am also sure the clearPage() could be slimmed down into one line. I attempted these once but got lost. Perhaps there is a whole more that could be done? Or an entirely different approach I am sure?

@PortableStick

I haven’t done anything to get your autocomplete working, though.

This works for me locally and I will work on the codePen at some point. It would be interesting to add the autocomplete suggestion automatically highlighted into the input box as browsers do (???). This could be added to the .autocomplete success function but that the whole thing uses jqueryui so I would have to play around with it to see if something breaks.

P. S. If I am on the wrong track with something please do tell me.

BONUS:

I would also like to animate the divs…

onload:

h  h  h  h  h  h
h  h  s  s  h  h
h  h  h  h  h  h
h  h  h  h  h  h
r  r  r  r  r  r (five slim colored rows that will expand upon search)
f  f  f  f  f  f

and then when search is executed divs animate to:

h  h  s  s  h  h
r1  r1 r1  r1  r1
r1  r1 r1  r1  r1
r1  r1 r1  r1  r1
r2  r2 r2  r2  r2
r2  r2 r2  r2  r2
r2  r2 r2  r2  r2
r3  r3 r3  r3  r3
r3  r3 r3  r3  r3
r3  r3 r3  r3  r3
r4  r4 r4  r4  r4
r4  r4 r4  r4  r4
r4  r4 r4  r4  r4
r5  r5 r5  r5  r5
r5  r5 r5  r5  r5
r5  r5 r5  r5  r5
f   f  f   f   f

Any pointers in the right direction to achieve these animations?