j2c/modules/plugins/prefix-browser/upstream/prefixfree/index.js

A tiny CSS in JS solution.

// Scripts for the demo page of -prefix-free

function $(id) { return document.getElementById(id) }

(function(){

if(window.PrefixFree) {
	var source = $('source'),
		prefixed = $('prefixed');
		
	(source.oninput = function() {
		prefixed.value = PrefixFree.prefixCSS(source.value, true);
	})();
	
	source.onscroll = function() {
		prefixed.scrollTop = source.scrollTop;
	}
}

(window.onhashchange = function() {
	var target, page, previousPage;
	
	if(location.hash) {
		page = target = document.querySelector(location.hash);
		
		while(page && page.className != 'page') {
			page = page.parentNode;
		}
	}
	
	(previousPage = document.querySelector('.current.page')) && (previousPage.className = 'page');
	
	if(page) {
		page.className = 'current page';
		
		document.body.className = 'in-page';
	}
	else {
		document.body.className = 'home';
	}

	if(target) {
		target.scrollIntoView(true);
	}
})();
		
})();