Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #173161

    Hi, i would like to replace the search icon in the header and put a search form that performs also with ajax. Though i succeeded on putting a search form, but the ajax search response result doesn’t want to close if i click outside of the search field.

    Please help.

    thanks.

    #173173

    Hi, i am sorry for the duplication, i was getting error after i pressed the submit thats why.

    #173220
    This reply has been marked as private.
    #173223

    Hey!

    It’s ok :) Can you post the link to your website?

    Best regards,
    Yigit

    #173228

    good to hear :)

    http://batterium.pandawebsolution.com/, the site is still under development.

    thanks man.

    #173619

    Hey!

    Can you post a screenshot of the issue?

    Best regards,
    Yigit

    #173629

    ajax search form

    1. Front end – in the search field, i search “das ist” and the ajax result comes below it, the problem is that the ajax result doesn’t want to close if you click outside of the search field and it supposed to close if you click outside it.

    2. header.php – that is how i added the search form in the header

    3. custom.css – my style for that particular search form.

    #175007

    Hey!

    I marked this code for Kriesi. He created the tooltip code and he can probably answer the question quicker than I can.

    Cheers!
    Peter

    #175919

    Hey!

    The problem is that ajax result is not closed in my demo either. if you enter a search term and wait for the results, then click anywhere on the page the tooltip will close, but if you click the search icon again the form + results will be displayed again. Results are never deleted

    Since you omitted the tooltip you would need to write a javascript function that removes the content from the div with class “.ajax_search_response”

    #175962

    Ok i got it. Thanks.

    Regards,
    pandaweb

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Replace the search icon in the header with a search form’ is closed to new replies.