And Finally andfinally

## sample.js
// Add action
wpdk_add_action( 'test_action', test_action );

// Action function
function test_action()
{
  console.log( 'Fires test_action' );
}

wpdk_do_action( 'test_action' );

## index.html
<html>
<head>
	<title>-- == TEST == --</title>
</head>

<style>

	body {
		background: #FF1493;
	}

## normalise-url.js
// normalizeUrl('http://news.bbc.co.uk/sport/?page=1#test');
// returns "/sport/?page=1"

var normalizeUrl = function (url) {
	var a = document.createElement('a');
	a.href = url;
	a = a.pathname + a.search;
	a = a.indexOf('/') === 0 ? a : '/' + a; // because IE doesn't return a leading '/'
	return a;
};

## adjust_page_height.js
// Make the contentArea height equal to the paneVisible height. (We view the latter through the former.)
var updateHeight = function(){
	var height = $(paneVisible).children().height();
	if (height) {
		$(contentArea).height(height + paneVisibleMargin);
	}
};

// Set a periodic height adjustment for the content area. Necessary to account for diverse heights of side-panes as they slide in, and dynamic page elements.
setInterval(function(){

## ping_google_analytics.js
// Converts number of seconds to hh:mm:ss
if( typeof Number.prototype.toHHMMSS !== 'function' ) {
  Number.prototype.toHHMMSS = function (){
		var hours = Math.floor(this / 3600);
		var minutes = Math.floor((this - (hours * 3600)) / 60);
		var seconds = this - (hours * 3600) - (minutes * 60);
		var str;
		str = ( hours === 0 ? '' : (hours < 10 ? '0' + hours : hours ) + ':' );
		str += ( minutes < 10 ? '0' + minutes : minutes ) + ':';
		str += ( seconds < 10 ? '0' + seconds : seconds );

## Interactive-Before-After-Image-Comparison.markdown

      
        
          
            
              
              4 files
            
          
          
            
              
              0 forks
            
          
          
            
              
              1 comment
            
          
          
            
              
              0 stars
            
          
        
        
          
              
          
          
            
                andfinally
                / Interactive-Before-After-Image-Comparison.markdown
            
            
              Created
              August 5, 2014 13:14
            
              
                A Pen by And Finally.
              
          
        
      
        
  
      
    Interactive Before-After Image Comparison

A variation on my previous work.
Forked from Dudley Storey's Pen Interactive Before-After Image Comparison.
A Pen by And Finally on CodePen.
License.
	// Add action
	wpdk_add_action( 'test_action', test_action );

	// Action function
	function test_action()
	{
	console.log( 'Fires test_action' );
	}

	wpdk_do_action( 'test_action' );
	<html>
	<head>
	<title>-- == TEST == --</title>
	</head>

	<style>

	body {
	background: #FF1493;
	}
	// normalizeUrl('http://news.bbc.co.uk/sport/?page=1#test');
	// returns "/sport/?page=1"

	var normalizeUrl = function (url) {
	var a = document.createElement('a');
	a.href = url;
	a = a.pathname + a.search;
	a = a.indexOf('/') === 0 ? a : '/' + a; // because IE doesn't return a leading '/'
	return a;
	};
	// Make the contentArea height equal to the paneVisible height. (We view the latter through the former.)
	var updateHeight = function(){
	var height = $(paneVisible).children().height();
	if (height) {
	$(contentArea).height(height + paneVisibleMargin);
	}
	};

	// Set a periodic height adjustment for the content area. Necessary to account for diverse heights of side-panes as they slide in, and dynamic page elements.
	setInterval(function(){
	// Converts number of seconds to hh:mm:ss
	if( typeof Number.prototype.toHHMMSS !== 'function' ) {
	Number.prototype.toHHMMSS = function (){
	var hours = Math.floor(this / 3600);
	var minutes = Math.floor((this - (hours * 3600)) / 60);
	var seconds = this - (hours * 3600) - (minutes * 60);
	var str;
	str = ( hours === 0 ? '' : (hours < 10 ? '0' + hours : hours ) + ':' );
	str += ( minutes < 10 ? '0' + minutes : minutes ) + ':';
	str += ( seconds < 10 ? '0' + seconds : seconds );