JSFiddle - React, Tailwind, and code Playground

by hbsto

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-wip/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0-wip/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">
<script src="http://yourjavascript.com/31423170435/ajst.js"></script>
<script id="container" type="text/template" data-ajst=true>
    <nav class="navbar navbar-fixed-bottom" role="navigation">
        <ul class="pager">
            <li class="previous"><a href="#">&larr; Older</a></li>
            <li class="next"><a href="#">Newer &rarr;</a></li>
        </ul>
    </nav>
    <div class="container" id="container"></div>
</script>

CSS

body { padding-bottom: 70px; }

JavaScript

"use strict";

var $container = $('#container'),
    currentPage = 1;

function receiveDocument( doc ){
}

function movePage( page ){
    if( page < 1 ) currentPage = page = 1;
    var url = 'www.sekdrip.com/index.php';
    ajax(url, {mid:'ad_jasukbang', page: page}).then( receiveDocument, onError );
}

function ajax(url, data){
    var p = Promise();
    url = url.replace('http://','');
    $.ajax({
        url: 'http://www.corsproxy.com/'+url,
        data: data,
        type: 'GET',
        dataType: 'text',
        success: function( html ){
            p.resolve( $(html) );
        },
        error: p.reject
    });
    return p;
}

function Promise(){
    return AJST.Promise;
}

function nextPage(){ movePage(++currentPage); }
function prevPage(){ movePage(--currentPage); }
function onError( err ){ console.error(err); }