[Javascript] Playing with my blog

While adding these sub-blogs, I have been playing with javascript, trying to learn to modify the site a bit more to my liking. One problem I noticed was that some blog posts may be covered by multiple blog topics(PSP and Programming, for instance) and I would need to have the comments in the main blog, not in the sub-blogs. I also wanted a nice menu at the top that would highlight which site you were one, similar to the pages widget, but a link-list doesn't do that. So I wrote my own two little scripts to fix this.

First, the menu. It was good practice, I was having trouble comparing strings at first, but I found my flaws and eventually got it working.

<ul> <script type="text/javascript"> //Custom menu script var curAddr=document.URL; var menuAddr = ['http://nymphaea-naiade.blogspot.com/', 'http://nymphaea-android.blogspot.com/', 'http://nymphaea-programming.blogspot.com/', 'http://nymphaea-psp.blogspot.com/', 'http://nymphaea-naiade.blogspot.com/p/about.html']; var menuName = ['Home', 'Android', 'Programming', 'PSP', 'About']; for(var x = 0;x<menuAddr.length;x++) { if(((curAddr.substring(0,menuAddr[x].length) == menuAddr[x]) && ((curAddr.charAt(menuAddr[x].length) != 'p') || (curAddr.substring(0,menuAddr[0].length) != menuAddr[0]))) || (menuAddr[x] == curAddr)) { document.write('<li class="selected"><a href="',menuAddr[x],'">',menuName[x],'</a></li>\n'); } else { document.write('<li><a href="',menuAddr[x],'">',menuName[x],'</a></li>\n'); } } </script> </ul>

All you have to do to modify this for your own blog is change the menu entries
The first big half of the if statement is split in two, the first part is checking you are on the right page, second for preventing main blog pages from showing as "Home", since pages from the main blog will also be in the menu. The second half is to check for those main pages, since the first half disallows pages.

I know this is probably overly complicated, but oh well :P It's one of my first attempts at javascript, so sue me.

Next is the comments. That was a simple fix, because of Blogger's standard directory structure.

<script type="text/javascript"> //Script to reroute visitors to the main blog for commenting var curAddr=document.URL; if((curAddr.length > 41) && (curAddr.charAt(45) == '/') && (curAddr.charAt(48) == '/') && (curAddr.substring(49,61) != 'new-sub-blog')) { var linkAddr = 'http://nymphaea-naiade.blogspot.com/' + curAddr.substring(41); document.write('<h2>Commenting</h2>To comment on this post, click <a href="',linkAddr,'">here</a>.'); } </script>

It checks if you are on a post page by looking for the slashes 5 and 8 characters after the end of the base URL, and if you are, it creates a link to the post on the main blog, and draws the widget. I also added my own personal rule to ignore "new-sub-blog" posts, as those are the first posts on each of my blogs, and I don't plan to mirror them.

To customize this one you just need to change the main blog URL, and the numbers. The first one is the length of the current sub-blogs base URL.("http://nymphaea-programming.blogspot.com/" for this one) The next ones are this number plus 4 and 7, then the first number again.

Who knows I might end up playing more with Javascript on my blog, but until then, I'm done :P