|
|
|
window.addEvent('domready', function() {
|
|
|
|
codeblocks = $$('div.highlight');
|
|
|
|
codeblocks.each(addExpander);
|
|
|
|
});
|
|
|
|
|
|
|
|
function addExpander(div){
|
|
|
|
new Element('span',{
|
|
|
|
html: 'expand »',
|
|
|
|
'class': 'pre_expander',
|
|
|
|
'events': {
|
|
|
|
'click': function(){
|
|
|
|
toggleExpander();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}).inject(div, 'top');
|
|
|
|
}
|
|
|
|
function toggleExpander(){
|
|
|
|
var html = '';
|
|
|
|
if($('main').toggleClass('expanded').hasClass('expanded'))
|
|
|
|
html = '« contract';
|
|
|
|
else
|
|
|
|
html = 'expand »';
|
|
|
|
$$('div.highlight span.pre_expander').each(function(span){
|
|
|
|
span.set('html',html);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
function enableCompressedLayout(codeblocks){
|
|
|
|
if(!codeblocks.length) return;
|
|
|
|
new Element('span',{
|
|
|
|
html: 'Collapse layout',
|
|
|
|
'id': 'collapser',
|
|
|
|
'events': {
|
|
|
|
'click': function(){
|
|
|
|
if($('page').toggleClass('collapsed').hasClass('collapsed'))
|
|
|
|
this.set('html','Expand layout');
|
|
|
|
else
|
|
|
|
this.set('html','Collapse layout');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}).inject($('main'), 'top');
|
|
|
|
}
|