Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

I'm creating my own form based on this and I'd like to have a tag selector which is similar to the one on StackExchange. I can roll my own but I was wondering if something similar already exists.

Thanks!

share|improve this question
add comment

2 Answers

up vote 3 down vote accepted

you can do that using JQuery autocomplete plugin

and once you have included all of the needed JS files just add this code after your new post form

$terms = get_terms("post_tag");
$tags = '';
$count = count($terms);
 if ( $count > 0 ){ 
     foreach ( $terms as $term ) {
       $tags .=  '"'.$term->name.'", '; 
    }
    $tags = substr($tags,0,-2);
 }

echo ' <script>
JQuery("#post_tags").autocomplete(['.$tags.'], {
        width: 320,
        max: 4,
        highlight: true,
        multiple: true,
        multipleSeparator: ", ",
        scroll: true,
        scrollHeight: 300
    });
</script>';

note: Now this is good if you only have a small number of tags, but if you have hundreds or thousands of tags then using an ajax solution is a must.

share|improve this answer
add comment

Look at the code for the tag box in wp-admin/includes/meta-boxes.php and the function tagBox in wp-admin/js/post.js. You may adapt or reuse these functions.

share|improve this answer
    
Dear toscho, what is the actual equivalent of 'post.dev.js' in 'wp-admin/js/'? I dont find this file in WP 3.5+. Thanks –  whiteletters and blankspaces May 24 '13 at 15:05
    
@whitelettersandblankspaces It is just post.js now. –  toscho May 24 '13 at 15:07
    
Thank you very much. Have a nice day. :-) –  whiteletters and blankspaces May 24 '13 at 15:08
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.