*(If you want this on your blog, please read [this post][instruction] for instructions.)*
[instruction]: http://blog.yjl.im/2010/11/my-new-labels-page.html
<div>
<!-- BEGIN: whole code -->
<!-- Last updated: 2011-02-15T01:18:15Z
Copyright 2010, 2011 Yu-Jie Lin
BSD License
-->
<!-- BEGIN: main code -->
<!-- Last updated: 2011-02-15T01:18:15Z
You can get the latest code at http://blog.yjl.im/p/labels.html
If the Last updated on your website is different than from the page above, then
you might want to update your main code.
If you already have jQuery loaded in your blog, you can omit the following line -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>
<script src="http://.../.../jquery/jquery.autocomplete.pack.js"></script>
<script>
<!-- BEGIN: whole code -->
<!-- Last updated: 2011-02-15T01:18:15Z
Copyright 2010, 2011 Yu-Jie Lin
BSD License
-->
<!-- BEGIN: main code -->
<!-- Last updated: 2011-02-15T01:18:15Z
You can get the latest code at http://blog.yjl.im/p/labels.html
If the Last updated on your website is different than from the page above, then
you might want to update your main code.
If you already have jQuery loaded in your blog, you can omit the following line -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>
<script src="http://lilbtn.yjl.im/js/jquery/jquery.autocomplete.pack.js"></script>
<script>
function load_labels(callback) {
$('#search-labels-box-loader').hide();
$.getJSON("http://www.blogger.com/feeds/" + PROFILE_ID + "/blogs/" + BLOG_ID + "?alt=json-in-script&callback=?", function(data){
if (!data || !data.entry || !data.entry.category)
return;
window.LABELS = [];
var LABELS = window.LABELS;
for (var idx in data.entry.category) {
LABELS.push(data.entry.category[idx].term);
}
LABELS.sort();
var $ddl = $('#labels-ddl');
for (var idx in LABELS) {
$('<option/>').text(LABELS[idx]).val(LABELS[idx]).appendTo($ddl);
}
$('#search-labels-box').slideDown('fast');
// set up autocomplete
$('#labels-search-box').autocomplete(LABELS, {multiple: true});
if (callback)
callback();
});
}
function list_labels() {
var $labels = $('<ul/>').appendTo($('#blogger-labels-result').empty());
for (var idx in LABELS) {
var label = LABELS[idx];
$('<li/>')
.append(
$('<a/>')
.text(label)
.attr('href', '#')
.attr('label', label)
.click(function(){list_posts($(this).attr('label'))})
)
.appendTo($labels);
}
}
function list_posts(slabels, query, show_all) {
var $container = $('#blogger-labels-result');
if (query) {
var query_url = query + '&alt=json-in-script&callback=?';
}
else {
var _labels = slabels.split(',');
var labels = [];
for (var idx in _labels) {
if (_labels[idx].trim())
labels.push(encodeURIComponent(_labels[idx].trim()));
}
var MAX_RESULTS = parseInt($('#max_results').val());
// If it's 0, then set to 500
if (!MAX_RESULTS) {
MAX_RESULTS = 500;
show_all = true;
$container.empty();
}
var labels_part = labels.join('/');
if (labels_part)
labels_part = '/-/' + labels_part;
var query_url = "http://www.blogger.com/feeds/" + BLOG_ID + "/posts/summary" + labels_part + "?alt=json-in-script&callback=?&orderby=" + $('#orderby').val() + '&max-results=' + MAX_RESULTS;
}
if (!show_all)
$container.empty();
var $posts = $container.children('ul');
if ($posts.length == 0) {
$posts = $('<ul/>');
$container.append($posts);
}
$.getJSON(query_url, function(data) {
if (!data.feed.entry) {
$posts.replaceWith($('<span/>').text('No hay entradas.'));
return;
}
var summary_class = $('#show_summary').attr('checked') ? 'summary' : 'summary hidden';
var timestamp_class = $('#show_timestamp').attr('checked') ? 'timestamp' : 'timestamp hidden';
for (var entry_idx in data.feed.entry) {
var entry = data.feed.entry[entry_idx];
var link = "";
// Find the url of this post
for (var idx in entry.link) {
var l = entry.link[idx];
if (l.rel == 'alternate') {
link = l.href;
break;
}
}
var $li = $('<li/>')
.append(
$('<a/>')
.text(entry.title.$t)
.attr('href', link)
)
.append(
$('<span/>')
.addClass(summary_class)
.text(' - ' + entry.summary.$t)
)
.append(
$('<span/>')
.addClass(timestamp_class)
.text(' - ' + new Date(entry.published.$t))
)
.appendTo($posts);
}
// Check if there are next or prev links
var prev = '';
var next = '';
for (var idx in data.feed.link) {
var l = data.feed.link[idx];
if (l.rel == 'previous')
// Blogger API repeat labels, that causes problem
prev = l.href.replace(/-\/[^-]+/, '');
if (l.rel == 'next')
next = l.href.replace(/-\/[^-]+/, '');
}
if (show_all) {
if (next) {
list_posts(undefined, next, true)
}
else {
// Finish showing all posts
var total_results = parseInt(data.feed.openSearch$totalResults.$t);
$container.append(total_results + ' post' + (total_results==1?'':'s'));
}
}
else {
if (prev)
$container.append($('<a/>').html('« Anterior').attr('href', '#').click(function(){list_posts(undefined, prev)}));
var total_results = parseInt(data.feed.openSearch$totalResults.$t);
var start_index = parseInt(data.feed.openSearch$startIndex.$t);
var items_per_page = parseInt(data.feed.openSearch$itemsPerPage.$t);
var end_index = start_index + items_per_page - 1;
if (end_index > total_results)
end_index = total_results;
$container.append(' ' + start_index + '-' + end_index + ' de ' + total_results + ' entrada' + (total_results==1?'':'s') + ' ');
if (next)
$container.append($('<a/>').html('Siguiente »').attr('href', '#').click(function(){list_posts(undefined, next)}));
}
});
}
function show_summary_change() {
if ($('#show_summary').attr('checked'))
$('#blogger-labels-result .summary').removeClass('hidden');
else
$('#blogger-labels-result .summary').addClass('hidden');
}
function show_timestamp_change() {
if ($('#show_timestamp').attr('checked'))
$('#blogger-labels-result .timestamp').removeClass('hidden');
else
$('#blogger-labels-result .timestamp').addClass('hidden');
}
function append_to_search_box(label) {
if (!window.LABELS) {
load_labels(function(){append_to_search_box(label)});
return;
}
var $input = $('#labels-search-box');
if ($input.val()) {
if (/.*, *$/.test($input.val()))
$input.val($input.val() + ' ' + label);
else
$input.val($input.val() + ', ' + label);
}
else
$input.val(label);
}
function sort_alphabet() {
var $ul = $('<ul/>');
$('#blogger-labels-result ul li').sort(function(a,b){a=$(a).text();b=$(b).text();return a > b ? 1 : (a == b ? 0 : -1)}).appendTo($ul);
$('#blogger-labels-result ul').replaceWith($ul);
}
$(function() {
$('#search-labels-box').hide();
var $container = $('#blogger-labels-container');
var $predefined_labels = $('#predefined-labels');
var $predefined_labels_ul = $('<ul/>').appendTo($predefined_labels);
// List predefined labels
for (var idx_cat in PREDEFINED_LABELS) {
var cat = PREDEFINED_LABELS[idx_cat][0];
var cat_lbls = PREDEFINED_LABELS[idx_cat][1];
var $cat_ul = $('<ul/>');
for (var idx_lbl in cat_lbls) {
var label = cat_lbls[idx_lbl];
$('<li/>')
.append(
$('<a/>')
.text(label)
.attr('href', '#')
.attr('label', label)
.click(function(){list_posts($(this).attr('label'))})
)
.append(' ')
.append(
$('<a/>')
.html('↓')
.attr('href', '#')
.attr('label', label)
.click(function(){append_to_search_box($(this).attr('label'));return false;})
)
.appendTo($cat_ul);
}
$('<li/>')
.text(cat)
.append($cat_ul)
.appendTo($predefined_labels_ul);
}
});
</script>
<!-- END: main code -->
<!-- BEGIN: style -->
<!-- Last updated: 2011-02-15T01:58:15Z -->
<style>
@import url("http://lilbtn.yjl.im/css/jquery.autocomplete.css");
#blogger-labels-container {
color: #222;
}
#predefined-labels {
background-color: #CCC;
border-radius: 1ex;
padding: 1ex;
}
#search-options {
background-color: #CCC;
border-radius: 1ex;
padding: 1ex;
}
#search-box {
background-color: #CCC;
border-radius: 1ex;
padding: 1ex;
}
#blogger-labels-result {
background-color: #CCC;
border-radius: 1ex;
padding: 1ex;
}
#blogger-labels-result .hidden {
display: none;
}
</style>
<!-- END: style -->
<!-- BEGIN: HTML -->
<!-- Last updated: 2011-02-15T01:58:15Z -->
<div id="blogger-labels-container">
<div id="predefined-labels">
Click en alguna etiqueta para mostar las entradas que contiene:</div>
<hr/><div id="search-options">
<div>
<label><input type="checkbox" id="show_summary" checked="checked" onchange="show_summary_change()"/> Mostrar resumen</label> •
<label><input type="checkbox" id="show_timestamp" checked="checked" onchange="show_timestamp_change()"/> Mostrar por fecha</label> •
<label alt="0 shows all posts" title="0 shows all posts">Mostrar <input type="text" id="max_results" value="20" size="3"/> entradas por pagina</label>
</div>
<div>
Seleccionar por <select id="orderby"><option value="published">Fecha de publicacion</option><option value="updated">Ultima por fecha</option></select>
o <input type="button" value="Por orden alfabetico" onclick="sort_alphabet()"/>de título de entrada .
</div>
</div>
<hr/><div id="search-box">
<div id="search-labels-box-loader">
<input type="button" value="Click para mas funciones" onclick="load_labels()"/></div>
<div id="search-labels-box">
<div>
<input type="button" value="List labels" onclick="list_labels()"/></div>
<div>
<input type="button" value="List posts labeled with" onclick="list_posts($('#labels-ddl').val())"/> <select id="labels-ddl"></select></div>
<div>
<input type="button" value="List posts labeled with" onclick="list_posts($('#labels-search-box').val())"/> <input type="text" id="labels-search-box" value=""/> (Separate by commas)</div>
</div>
</div>
<hr/><div id="blogger-labels-result">
</div>
</div>
<!-- END: HTML -->
<!-- BEGIN: settings -->
<!-- Last updated: 2010-11-27T07:17:21+0800 -->
<script>
/*
You should be able to get the following IDs from Blogger Dashboard
PROFILE_ID can be found in View Profile url
BLOG_ID can be found in links of a blog, e.g. NEW POST, Edit Posts, Comments, etc.
*/
var PROFILE_ID = '...';
var BLOG_ID = '...';
// Be careful when adding commas if you don't know about JavaScript.
var PREDEFINED_LABELS = [
['Integro', ['El Secreto de Leire', 'Contenidos', 'Comienzos', 'Comento']],
// ^ This one is a label
// ^ they are labels ^^ no commas
['Repetimos', ['Contenidos', 'Comienzos']],
['Poesia', ['Clásicos']],
// ^ need comma
['Musica', ['Tono']]
// ^ no comma
];
</script>
</script>
<!-- END: settings -->
<!-- END: whole code -->
<!--
## Changelog
* 2010-11-27T07:17:21+0800: Add more options for visitor to use, including showing/hiding summary/timestamp, how many posts a page, sorting field, and list all matched posts with one click.
* 2011-02-15T01:58:15Z:
1. Fix text color on Dark theme.
2. Make show/hide summary and timestamp doesn't need to re-query.
3. Fix scroll to top after appending a label to labels box
4. Fix unable to list all posts when no label entered
5. Fix comma and space prepend label when appending and these is no label entered previously
-->
</div>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'/>
<script src='https://sites.google.com/site/.../Inicio/jquery.lettering-0.6.1.min.js'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".header h1").lettering();
});
</script>
h1, h2, h3, h4 { }
h1 { font-size: 48px; text-transform:capitalize; margin-bottom: 0em; }
h2 { font-size: 28px; margin-bottom: 0.5em; }
h3 { font-size: 34px; margin-bottom: 0.5em; }
h4 { margin-bottom: 0.5em; }
.header h1{font-weight: normal;text-transform:capitalize;font-family: Diamond Gothic;font-size:65px;margin-bottom:-32px;margin-left:10px;color:#999999;text-shadow:#863027 -4px 4px 0;margin-top:30px;}
.header h1 span{display:inline-block;position:relative;letter-spacing:-1px;-webkit-transition:all 0.2s ease-out;}
header h1 span:hover{top:3px}
.header h1 .char2, .header h1 .char11{color:#e36b23;text-shadow:#9b4d1f -4px 4px 0}
.header h1 .char3, .header h1 .char10{z-index:10;color:#e6c92e;text-shadow:#9c8b26 -4px 4px 0}
etc ...
<h1 id="header h1"><span class="char1">J</span><span class="char2">u</span><span class="char3">e</span><span class="char4">G</span><span class="char5">o</span><span class="char6">-</span><span class="char7">O</span><span class="char8">s</span></h1>
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://.../s1600/falla1.jpg" class="bump" rel="800-600"title="falla1"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 218px;" src="http://2.bp.blogspot.com/.../s320/falla1.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_..." /></a>
) 
.Y sigo : renderizar mi último "Vue", echar un vistazo rápido al correo, limpiar las ventanas y el polvo de mi casa (qué mal podrían hacer un par de ácaros? 
) y ... (maldición) se me olvidaba preparar unas cuantas notificaciones para dejarlas mañana en la Oficina de Correos después de firmar en el Juzgado.
Había una vez, un barquito chiquitito. Había una vez, un barquito chiquitito, que no sabía, que no podía, que no sabía navegar. Pasaron un, dos, tres, cuatro, cinco, seis semanas. Pasaron un, dos, tres, cuatro, cinco, seis semanas. Y aquél barquito, y aquél barquito, y aquél barquito navegó. Y si esta historia parece corta, volveremos, volveremos a empezar: Había una ve un barquito chiquitito...
<div style="border: 5px solid #151515; padding: 15px 25px; height: inherit; width: 350px;">
<p style="text-align: justify; -moz-column-count: 3; -moz-column-gap: 1.5em;-moz-column-rule: 1px solid #dedede; -webkit-column-count: 3; -webkit-column-gap: 1.5em; -webkit-column-rule: 1px solid #dedede;">Había una vez, un barquito chiquitito. Había una vez, un barquito chiquitito, que no sabía, que no podía, que no sabía navegar. Pasaron un, dos, tres, cuatro, cinco, seis semanas. Pasaron un, dos, tres, cuatro, cinco, seis semanas. Y aquél barquito, y aquél barquito, y aquél barquito navegó. Y si esta historia parece corta, volveremos, volveremos a empezar: Había una ve un barquito chiquitito... </p></div>
Esta caja tiene 5 píxeles de borde "normal y 15 píxeles de "border radius".
<div style="border: 5px solid rgb(222, 222, 222); padding: 15px 25px; font-family: Arial; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; height: inherit; width: 350px;">
<p><strong>Esta caja tiene 5 píxeles de borde "normal y 15 píxeles de "border radius".</strong></p></div>
<script language='javascript'>
// This file is part of the Neo template. As I spent quite some time developing
// this code, please give proper credits to Hackosphere if you are going to
// re-use the code.
// - Ramani@hackosphere
var postTitle = new Array();
var postContent = new Array();
var postId = new Array();
var postDate = new Array();
var postPermalink = new Array();
var commentAuthor = new Array();
var commentContent = new Array();
var commentDate = new Array();
var blogid, blogurl, totalComments;
var monthnames = new Array();
var startIndex = 1;
var oldestFirstOrder = 0;
function dateString(rawdate, needYear) {
monthnames[1] = "Enero";
monthnames[2] = "Febrero";
monthnames[3] = "Marzo";
monthnames[4] = "Abril";
monthnames[5] = "Mayo";
monthnames[6] = "Junio";
monthnames[7] = "Julio";
monthnames[8] = "Agosto";
monthnames[9] = "Septiembre";
monthnames[10] = "Octubre";
monthnames[11] = "Noviembre";
monthnames[12] = "Diciembre";
var year = rawdate.substring(0,4);
var month = rawdate.substring(5,7);
var day = rawdate.substring(8,10);
str = monthnames[parseInt(month,10)] + ' ' + day;
if (needYear) str = str + ', ' + year;
return (str);
}
function updateLabelPosts(json) {
feedid = json.feed.id.$t;
start = feedid.indexOf('blog-');
blogid = feedid.substr(start+5);
for (var k = 0; k < json.feed.link.length; k++) {
if (json.feed.link[k].rel == 'alternate') {
alturl = json.feed.link[k].href;
break;
}
}
index = alturl.lastIndexOf('/');
var label = alturl.substr(index+1);
label = decodeURIComponent(label);
var labelposts = document.getElementById("LabelPosts");
var labeltitle = document.getElementById("LabelTitle");
if (label == "") {
labeltitle.innerHTML = '<h2>Recientes</h2>';
} else {
labeltitle.innerHTML = '<h2>Entradas bajo la etiqueta "' + label + '"</h2>';
labeltitle.innerHTML = labeltitle.innerHTML + '<img style="border: 0pt none;" src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png"/>&nbsp;';
labeltitle.innerHTML = labeltitle.innerHTML + '<a href="' + blogurl + 'feeds/posts/default/-/' + label + '">Subscribir</a><hr/>';
}
var disp = '';
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
var selfurl;
postTitle[i] = entry.title.$t;
postContent[i] = entry.content.$t;
postDate[i] = entry.published.$t.substring(0,10);
entryid = entry.id.$t;
start = entryid.indexOf('post-');
postId[i] = entryid.substr(start+5);
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
postPermalink[i] = entry.link[k].href;
break;
}
}
disp = disp + '<a href="javascript:updatePost(' + i + ');">' + entry.title.$t + '</a><br/><br/>';
}
if (label == "index.html") label = "";
disp = disp + '<p class="navLinks">';
if (startIndex != 1) {
disp = disp + '<a href="javascript:fetchNewerPosts(\'' + label + '\');"><<&nbsp;Newer</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
}
if (json.feed.entry.length == numPosts) {
disp = disp + '<a href="javascript:fetchOlderPosts(\'' + label + '\');">Older&nbsp;>></a>';
}
disp = disp + '</p>';
labelposts.innerHTML = disp;
}
function updatePost(index) {
var datediv = document.getElementById("PostDate");
var titlediv = document.getElementById("PostTitle");
var contentdiv = document.getElementById("PostContent");
var editdiv = document.getElementById("PostEditLink");
var commentdiv = document.getElementById("PostCommentLink");
datediv.innerHTML = dateString(postDate[index], 1);
titlediv.innerHTML = '<a href="' + postPermalink[index] + '">' + postTitle[index] + '</a>';
contentdiv.innerHTML = '<p>' + postContent[index] + '</p><div style="clear: both;"></div>';
if (editdiv)
editdiv.innerHTML = '<a href="http://www2.blogger.com/post-edit.g?blogID=' + blogid + '&postID=' + postId[index] + '"><span class="quick-edit-icon">&#160;</span></a>';
commentdiv.innerHTML = '<a target="_blank" href="http://www2.blogger.com/comment.g?blogID=' + blogid +'&postID=' + postId[index] + '">Click para comentar</a>';
var backlinksdiv = document.getElementById("backlinks-container");
backlinksdiv.innerHTML = '';
//var postdiv = document.getElementById("post");
//postdiv.scrollIntoView(true);
checkFullNeo();
fetchComments(postId[index]);
}
function updateComments(json) {
if (json.feed.entry) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
commentAuthor[i] = entry.author[0].name.$t;
commentContent[i] = entry.content.$t;
commentDate[i] = entry.published.$t.substring(0,10);
}
totalComments = json.feed.entry.length;
} else totalComments = 0;
updateCommentsPage(0);
}
function showNextPage(page) {
updateCommentsPage(page);
var commentdiv = document.getElementById('comments');
commentdiv.scrollIntoView(true);
}
function updateCommentsPage(page) {
var commentdiv = document.getElementById('comments');
if (totalComments == 0) {
commentdiv.innerHTML = "<center><h2>Sin comentarios aún</h2></center>";
return;
}
disp = "<center><h2>" + totalComments + " ";
var numpages = (totalComments / 10);
if (numpages > 1) {
disp = disp + ",&nbsp;Pages:&nbsp;"
for (i = 0; i < numpages; i++) {
if (i == page)
disp = disp + (i+1) + "&nbsp;&nbsp;";
else
disp = disp + '<a href="javascript:updateCommentsPage(' + i + ');">' + (i+1) + '</a>&nbsp;&nbsp;';
}
}
disp = disp + "</h2></center><dl class='comments-block' id='comments-block'>";
if (oldestFirstOrder == 1) {
max = totalComments - 1 - (page * 10);
min = totalComments - 1 - ((page+1) * 10);
if (min < 0)
min = 0;
for (var i = max; i >= min; i--)
{
disp = disp + "<dt class='comment-author'>" + "En " + dateString(commentDate[i], 0) + ", " + commentAuthor[i] + " dijo...</dt>";
if (commentAuthor[i] == blogAuthor) {
disp = disp + "<dd class='comment-body-author'>" + commentContent[i] + "</dd><br/>";
} else {
disp = disp + "<dd class='comment-body'>" + commentContent[i] + "</dd><br/>";
}
}
} else {
max = (page + 1) * 10;
if (max > totalComments)
max = totalComments;
for (var i = page * 10; i < max; i++) {
disp = disp + "<dt class='comment-author'>" + "En " + dateString(commentDate[i], 0) + ", " + commentAuthor[i] + " dijo...</dt>";
if (commentAuthor[i] == blogAuthor) {
disp = disp + "<dd class='comment-body-author'>" + commentContent[i] + "</dd><br/>";
} else {
disp = disp + "<dd class='comment-body'>" + commentContent[i] + "</dd><br/>";
}
}
}
disp = disp + "</dl>";
if (page < (numpages-1)) {
disp = disp + '<center><h3><a href="javascript:showNextPage(' + (page+1) + ');">Next comments page>></a></h3></center><br/>';
}
commentdiv.innerHTML = disp;
}
function fetchOlderPosts(label) {
startIndex = startIndex + numPosts;
fetchPosts(label);
document.getElementById('LabelDisplay').scrollIntoView(true);
}
function fetchNewerPosts(label) {
startIndex = startIndex - numPosts;
fetchPosts(label);
document.getElementById('LabelDisplay').scrollIntoView(true);
}
function fetchLatestPosts(url, label) {
blogurl = url;
startIndex = 1;
fetchPosts(label);
}
function fetchPosts(label) {
var labelposts = document.getElementById("LabelPosts");
var labeltitle = document.getElementById("LabelTitle");
labeltitle.innerHTML = "<h2><img alt='Indicator' src='http://bloggerhacked.googlepages.com/indicator.gif'/>&nbsp;&nbsp;Actualizando...</h2><hr/>";
if (label == '') {
feedurl = blogurl + 'feeds/posts/default?orderby=published&start-index=' + startIndex + '&max-results=' + numPosts + '&alt=json-in-script&callback=updateLabelPosts';
} else {
label = label.replace(" ", "%20");
feedurl = blogurl + 'feeds/posts/default/-/' + label + '?orderby=published&start-index=' + startIndex + '&max-results=' + numPosts + '&alt=json-in-script&callback=updateLabelPosts';
}
var script = document.createElement('script');
script.setAttribute('src', feedurl);
script.setAttribute('id', 'jsonScript');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
function fetchComments(postid) {
var script = document.createElement('script');
script.setAttribute('src', blogurl + 'feeds/' + postid + '/comments/default?max-results=100&alt=json-in-script&callback=updateComments');
script.setAttribute('id', 'jsonScript');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
function showFullNeo() {
var showspan = document.getElementById('showlink');
var hidespan = document.getElementById('hidelink');
var fullspan = document.getElementById('fullpost');
showspan.style.display = 'none';
hidespan.style.display = 'inline';
fullspan.style.display = 'inline';
}
function hideFullNeo() {
var showspan = document.getElementById('showlink');
var hidespan = document.getElementById('hidelink');
var fullspan = document.getElementById('fullpost');
showspan.style.display = 'inline';
hidespan.style.display = 'none';
fullspan.style.display = 'none';
var post = document.getElementById('post');
post.scrollIntoView(true);
}
function checkFullNeo() {
var showspan = document.getElementById('showlink');
var hidespan = document.getElementById('hidelink');
var fullpost = document.getElementById('fullpost');
if (fullpost) {
showspan.style.display = 'inline';
hidespan.style.display = 'none';
} else {
showspan.style.display = 'none';
hidespan.style.display = 'none';
}
}
</script>
<!-- configurable parameter to control the number of posts in the second column of Neo -->
<!-- configurable parameter to control the number of posts in the second column of Neo -->
<script language='javascript'>
var numPosts = 10;
</script>
<script type='text/javascript'>
/*
cbb function by Roger Johansson, http://www.456bereastreet.com/
*/
var cbb = {
init : function() {
// Check that the browser supports the DOM methods used
if (!document.getElementById || !document.createElement || !document.appendChild) return false;
var oElement, oOuter, oI1, oI2, tempId;
// Find all elements with a class name of cbb
var arrElements = document.getElementsByTagName('*');
var oRegExp = new RegExp("(^|\\s)cbb(\\s|$)");
for (var i=0; i<arrElements.length; i++) {
// Save the original outer element for later
oElement = arrElements[i];
if (oRegExp.test(oElement.className)) {
// Create a new element and give it the original element's class name(s) while replacing 'cbb' with 'cb'
oOuter = document.createElement('div');
oOuter.className = oElement.className.replace(oRegExp, '$1cb$2');
// Give the new div the original element's id if it has one
if (oElement.getAttribute("id")) {
tempId = oElement.id;
oElement.removeAttribute('id');
oOuter.setAttribute('id', '');
oOuter.id = tempId;
}
// Change the original element's class name and replace it with the new div
oElement.className = 'i3';
oElement.parentNode.replaceChild(oOuter, oElement);
// Create two new div elements and insert them into the outermost div
oI1 = document.createElement('div');
oI1.className = 'i1';
oOuter.appendChild(oI1);
oI2 = document.createElement('div');
oI2.className = 'i2';
oI1.appendChild(oI2);
// Insert the original element
oI2.appendChild(oElement);
// Insert the top and bottom divs
cbb.insertTop(oOuter);
cbb.insertBottom(oOuter);
}
}
},
insertTop : function(obj) {
var oOuter, oInner;
// Create the two div elements needed for the top of the box
oOuter=document.createElement("div");
oOuter.className="bt"; // The outer div needs a class name
oInner=document.createElement("div");
oOuter.appendChild(oInner);
obj.insertBefore(oOuter,obj.firstChild);
},
insertBottom : function(obj) {
var oOuter, oInner;
// Create the two div elements needed for the bottom of the box
oOuter=document.createElement("div");
oOuter.className="bb"; // The outer div needs a class name
oInner=document.createElement("div");
oOuter.appendChild(oInner);
obj.appendChild(oOuter);
},
// addEvent function from http://www.quirksmode.org/blog/archives/2005/10/_and_the_winner_1.html
addEvent : function(obj, type, fn) {
if (obj.addEventListener)
obj.addEventListener(type, fn, false);
else if (obj.attachEvent) {
obj["e"+type+fn] = fn;
obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
obj.attachEvent("on"+type, obj[type+fn]);
}
}
};
cbb.addEvent(window, 'load', cbb.init);
</script>
