CODEWITHSUNDEEP
htmlajaxjquery
Sarah McLachlane
Sarah McLachlane

Reputation: 537

adding content from search result with jquery

I am using this cool script http://qpoit.com/marcofolio_demo/apple_search/ however when I click on a search result, I want it to be added as html content to an id which I will use like . I know this is done with $("#displayContent").html(data); however I need the content of search result that I clicked on to be and not all the results found. Please help

Upvotes: 0

Views: 137

Answers (1)

Vincent Mahnke
Vincent Mahnke

Reputation: 26

The rpc.php-file of the search, contains the function, which generates the output of the search. In line 29, change the content to a JavaScript-function, which does this work for you.

// Used in line 29 in rpc.php
echo '<a href="'.$result->url.'">';

// Change it to something like
echo '<a onclick="applyContent('.$result->url.')">'

After that, head back to the index.html (or the file in which you are using the apple-search), make sure jQuery is loaded and add something like this:

<script type="text/javascript">
// Use the same function name, as in the php-file
function applyContent (resultURL) {
    // Use jQuerys get-function to get the content of the file you've found in the search
    $.get(resultURL, function(data) {
        // Change '#finalResult' to the css-selector, of the element, which should contain the result at the end
        $('#finalResult').html(data);
    });
}
</script>

Once you click on a search-result, it should make it the content of #finalResult, or whatever element you choose.

Upvotes: 1

Related Questions