JSFiddle

  • Hover on table rows

    jQuery 1.4.0, HTML, CSS, JavaScript, jQuery UI 1.7.2, jQuery Lint (edge)

    $(function() {
        $('.test').hover(function() {
            var text = $(this).text();
            var remaining = $(this).attr('data-remaining-text');
            var elt = $(this);
            elt.text(text + remaining ...
  • Tutorial 1 - player movements

    jQuery 1.4.2, HTML, CSS, JavaScript

    // Global constants:
    var PLAYGROUND_WIDTH    = 700;
    var PLAYGROUND_HEIGHT    = 250;
    var REFRESH_RATE        = 30;
    
    // Gloabl animation holder
    var playerAnimation = new Array();
    
    // --------------------------------------------------------------------
    // --                      the main ...
  • [stackOverflow] Backbone - Get JSON Data from API #3 is the latest revision

    http://stackoverflow.com/questions/8660648/backbone-get-json-data-from-api

    // Define the model
    Tweet = Backbone.Model.extend();
    
    // Define the collection
    Tweets = Backbone.Collection.extend(
        {
            model: Tweet,
            // Url to request when ...
  • eForm Demonstration

    jQuery 1.7.1, HTML, CSS, JavaScript

      <div id="OuterContainer">
    
        <header>
          <div id="header">
            <div id="CompleteDiv">Complete</div>
            <div id="headerText">eForm Title Here</div>
            <h4>Secondary text or sub heading</h4>
          </div>
        </header>
    
        <div class="nav-container">
          <div id="buttonBar">
            <div><a href="#">Quest History</a></div>
            <div><a href="#">Form History</a></div>
          </div>
          <div id="buttonBar02">
            <div id="SaveButton"><a href="#">Save<span class="save">%</span></a></div>
            <div><a href="#">Print<span class="print">d</span></a></div>
            <div><a href="#">Close<span class="close">x</span></a></div>
          </div>
        </div>
        <br class="clear" />
    
        <ul id="PageNav">
          <li><a href="#">Link One ...</a></li></ul></div>
  • JQUERY image preloader #1 is the latest revision

    Mootools 1.4.5, HTML, CSS, JavaScript

    <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"> 
    <head> 
      <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
      <title> - jsFiddle demo by hendriono</title> 
      
      <script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'></script> 
      
      <link rel="stylesheet" type="text/css" href="/css/normalize.css"/> 
      <link rel="stylesheet" type="text/css" href="/css/result-light.css"/> 
      
        
          <link rel="stylesheet" type="text/css" href="http://nettuts.s3.amazonaws.com/860_preloaderPlugin/css/preloader.css"/> 
        
        
      
        
        
          <script type='text/javascript' src="http://henscripts.googlecode.com/svn/trunk/jquery.preloader.min.js"></script> 
        
      
      <style type='text/css'> 
        html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre ...</style></meta></head></html>
  • Learning IE8 - localStorage and sessionStorage

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

    function lsPad() {
        localStorage.setItem('lspad', elLSPad.value);
    }
    function lsPadClear() {
        elLSPad.value = '';
        localStorage.removeItem('lspad');
    }
    function ssPad() {
        sessionStorage.setItem('sspad', elSSPad ...
  • Dark Login Form

    FEATURING THIRD LEVEL CSS THREE FEATURES

     WebRep
    Overall rating
    This site has no rating
    (not enough votes)
    
  • jQuery: handling an image gallery with pagination #2 is the latest revision

    jQuery 1.7.2, HTML, CSS, JavaScript

    var Gallery = {
    
        create: function() {
            $('<img/>').attr('id', 'image').appendTo('#gallery-image').
            hide();
        },
    
        paginate: function() {
    
            var images = $('img', '#gallery'),
                len = images.length;
            $('<div id="gallery-nav"/>').prependTo ...</div></img/>
  • Belajar Backbone #8 is the latest revision

    belajar backbone js step by step

    $(function() {
        // default
        $("#c").vanGogh();
        
        // without numbers/gutter and horizontal scrolling
        $("pre:eq(1), pre:eq(2)").vanGogh({ numbers: false });
        
        // inline ...
  • vanGogh Syntax Highlighter #6 is the latest revision

    jQuery 1.8.3, HTML, CSS, JavaScript

    $(function() {
        // default
        $("#c").vanGogh();
        
        // without numbers/gutter and horizontal scrolling
        $("pre:eq(1), pre:eq(2)").vanGogh({ numbers: false });
        
        // inline ...