• Mood: busy

Fixing the problem with '+' character in tag URLs; repost of free text tag component code

The problem is cause by LiveJournal mangling the tag.url property. You can bypass this by constructing your own URL to reference tags:

var string url_base = $p.journal->base_url() + "/tag/";

Note that depending on where you are in the code, you may not have to reference $p (which assumes you are in the free text component and have been passed the page context via the $p variable) but something else (see Kunzite1's post on tags for another example).

You then combine the url_base with the tag name to make the complete url:

<a href="$url_base$t.name">$t.name</a>

Where $t refers to a variable of type TagDetail. Since the "name" property of the tag preserves the spaces, there is no problem with the URL.

Remember that there are different ways of displaying tags. You can display them in entries, in a free text component, in a sidebar and as part of the new "tag page". Each one has its value, and you can use more than one!

I will post the free text component version again here to reduce email to the innocent user in the other post ;)


Note that some of the code is commented out. This is because components are too narrow to display all of the tag data. Pick for yourself what you'd like to display. Note that by calling "visible_tag_list()" each user gets a list of only those tags they are allowed to see. You do not have to filter them!

Also kunzite1 has his own excellent version of a component/sidebar tag list. If you already use his code I recommend you use his version for compatibility across all your code.

print_comp_header("View entries by tag/category"); var int tag_count = 0; var Color[] tag_bg_color; var TagDetail[] my_tags = $p->visible_tag_list(); var string url_base = $p.journal->base_url() + "/tag/"; # feel free to use your own graphics # please don't hotlink non LiveJournal sites unless they are yours! var string public_icon = "http://stat.livejournal.com/img/userinfo.gif"; var string private_icon = "http://stat.livejournal.com/img/icon_protected.gif"; var string friends_icon = "http://www.presidentreagan.info/images/lj_friends_icon.gif"; var string group_icon = "http://stat.livejournal.com/img/community.gif"; # set up background colors $tag_bg_color[0] = "#FFFFFF"; # bg color for images (alternates) $tag_bg_color[1] = "#DDDDDD"; # bg color for images (alternates) # if tags exist, display them if ($my_tags) { """ <p>Select a tag/category to view all entries in that category.</p> <div style="position:relative; width:100%; height:200px; z-index:1; overflow: auto; overflow-x: none;"> <table width=100% cellpadding=3> <tr bgcolor="#CCCCCC"> <th width=40%>Tag</th><th width=30%>Uses</th><th width=30%>Scope</th> """; # <th width=16><img src="$public_icon"></th><th width=16><img src="$private_icon"></th> # <th width=16><img src="$friends_icon"></th><th width=16><img src="$group_icon"></th> """ </tr> """; foreach var TagDetail t ($my_tags) { """ <tr style="background-color:$tag_bg_color[$tag_count % 2];"> <td><a rel="tag" href="$url_base$t.name">$t.name</a></td><td align="right">$t.use_count</td><td>$t.visibility</td> """; # <td>$t.security_counts{"public"}</td><td>$t.security_counts{"private"}</td> # <td>$t.security_counts{"friends"}</td><td>$t.security_counts{"groups"}</td> """ </tr> """; $tag_count++; } """ </table> </div> """; } # end of if else { """<p>There are currently no tags or categories for this journal.</p>"""; } # end of else print_comp_footer();

If you have problems with the code post here or email/IM me.