JSFiddle

  • get string #5 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    var x = 'ABC XYZ PQRS';
    
    var y = x.split(' ').slice(2,3).join();
    
    
    console.log(y);
  • loop pause resume jquery

    No-Library (pure JS), HTML, CSS, JavaScript

     var  timer = setInterval(function(){$("#content").append("Hello world</br>")},1000);
    
    var pause = false;
    $("#pause").click(function (){
        if (pause){
            timer = setInterval(function ...
  • jQuery Hide Show

    jQuery 1.7.2, HTML, CSS, JavaScript, jQuery UI 1.8.18

      $(document).ready(function() {
        $(".back").click(function () {
          $(".focus-me").hide('fade');
        });
        $(".front").click(function () {
          $(".focus-me").show('fade');
        });
    });
  • HTML5 local page visit counter

    jQuery 1.7.1, HTML, CSS, JavaScript

     <div class="page-count">
          <script type="text/javascript">
              if (localStorage.pagecount)
                {
                localStorage.pagecount=Number(localStorage.pagecount) +1;
                }
            else
              {
                localStorage.pagecount=1;
                }
            document.write("You've been to this ...</script></div>
  • Star Rating

    A star rating demo using SVG, Javascript, and CSS

    //initialize clicked to false and initializes selected and arrays
    var clicked = false;
    var selected;
    var idArray = [one, two, three, four ...
  • CSS sprite sheet animation

    No-Library (pure JS), HTML, CSS, JavaScript

    // Sprite Sheet animation with CSS3 using the steps() feature.
    // To change the speed, just edit the ".8s" animation time.
    
    // Post ...
  • Typing animation with pure CSS #1 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <h1>Selamat datang wahai.</h1>
  • Count word #4 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    counter = function() {
        var value = $('#text').val();
    
        if (value.length == 0) {
            $('#wordCount').html(0);
            $('#totalChars').html(0);
            $('#charCount').html(0);
            $('#charCountNoSpace ...
  • Edit #1 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    var Word = Backbone.Model.extend({
    	move: function() {
    		this.set({y:this.get('y') + this.get('speed')});
    	}
    });
    
    var Words = Backbone.Collection ...
  • loop pause resume jquery

    No-Library (pure JS), HTML, CSS, JavaScript

     var  timer = setInterval(function(){$("#content").append("Hello world</br>")},1000);
    
    var pause = false;
    $("#pause").click(function (){
        if (pause){
            timer = setInterval(function ...