ansaurus

Question

Autocomplete list from hidden anchors on page

Answer 1

A:

After some testing, here's a complete example:

<html>
  <head>
    <script src="jquery-1.4.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
$(document).ready(function() {
    var availableTags = [];
    $('div.tagItem a').each(function() {
        var text = $(this).text();
        availableTags.push(text);
    });

    // at this point, availableTags is:
    // ['Tag One', 'Another Tag', 'Tag Three', 'Last Tag']

    $('#tags').autocomplete({
        source: availableTags
    });
});
    </script>
  </head>
  <body>

    <div class="tagItem"><a href="/search/tag one">Tag One</a></div>
    <div class="tagItem"><a href="/search/tag two/">Another Tag</a></div>
    <div class="tagItem"><a href="/search/tag three/">Tag Three</a></div>
    <div class="tagItem"><a href="/search/tag four/">Last Tag</a></div>

  </body>
</html>

Rob Hruska 2010-10-29 13:56:09

doesn't work. is your script passing string in this format - "some tag"? Also there are no tags I can see betweenn [ ]; when i open html code of generated page

dessol 2010-10-29 14:37:34

Sorry, but I'm not following what you're saying. My example here is simply an idea that might work for you, but you may have to adjust it to meet your specific needs. Can you clarify your comments a bit?

Rob Hruska 2010-10-29 15:12:23

i mean this text wich is passed to availableTags must be enclosed in quotes and after every word there must be a comma. Like this

dessol 2010-10-29 15:19:25

["my some frist tag","my second tag string from an anchor"];

dessol 2010-10-29 15:19:58

Well, `availableTags` is just an array. The `push()` function adds each found tag to the array. Unless you have some sort of server-side scripting you're talking about that generates the array before the page is served?

Rob Hruska 2010-10-29 15:22:06

I have that html code with anchors at the bottom of my page. I need text from that anchors to be placed with correct syntax to the array so when I type in - it shows those tags... Don't know how to explain more clearly...

dessol 2010-10-29 15:27:41

not the href of an anchor but the text it contains (my some first tag)

dessol 2010-10-29 15:29:03

Ok, let's try a different approach here - when you use the code in my example, what happens? You said it "doesn't work"; can you elaborate on how/why? Do you see any errors in the console?

Rob Hruska 2010-10-29 15:48:44

I saw one minor issue with my script, I've updated it. I'm testing it out right now.

Rob Hruska 2010-10-29 16:18:16

No errors, nothing happens... There are no changes on the output page (i see no tags passed to availableTags)

dessol 2010-10-29 16:27:36

I just updated my answer to have a complete example. Give it a try.

Rob Hruska 2010-10-29 16:29:44

That is just perfect! Worked excellent. Many thanks

dessol 2010-10-29 16:35:36

Just one more question. What if that taglist is on some other page? How can I get that anchor string?

dessol 2010-10-29 17:57:14

That's a little bit tougher. It's possible you could use http://api.jquery.com/jQuery.get/ - however, that'd be a bit of a dicey solution if implemented incorrectly.

Rob Hruska 2010-10-29 18:07:41

Thanks for the tip. It worked better with .load() and .keypress()

dessol 2010-10-29 19:11:35

ansaurus

tags:

views:

answers:

Autocomplete list from hidden anchors on page

Taglist

related questions