JSFiddle

  • Tiny Excel-like app in vanilla JS

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

    for (var i=0; i<6; i++) {
        var row = document.querySelector("table").insertRow(-1);
        for (var j=0; j<6; j++) {
            var letter = String.fromCharCode("A".charCodeAt(0)+j-1);
            row.insertCell(-1).innerHTML = i&&j ? "<input id='"+ letter+i +"'/>" : i||letter;
        }
    }
    
    var DATA={}, INPUTS=[].slice.call(document.querySelectorAll("input"));
    INPUTS.forEach(function(elm) {
        elm ...</6;>
  • CSS Transition #22 is the latest revision

    http://stackoverflow.com/q/13054902/922168

    <span class="SimpleTip" onMouseOver="javascript:this.className='SimpleTipHover';"onMouseOut="javascript:this.className='SimpleTip';">test</span>
  • animation interrupting

    http://stackoverflow.com/q/12238016/922168

    var obj = $("#obj");
    obj.addClass("obj");
    
    var add_width = 200;
    var add_height = 80;
    var obj_width = 40;
    var obj_height = 40;
    
    $("#add").click ...
  • slide-up tray on mouseover #16 is the latest revision

    http://stackoverflow.com/a/12026946/922168

    $(function () {
        $(".two").mouseenter(function (){
             $(".one, .three").slideToggle();
        });
        $(".wrapper").mouseleave(function (){
             $(".one, .three").slideToggle();
        });
    });
  • state boxes grid

    http://stackoverflow.com/q/11979586/922168

    var State = {
        CHECKED: 'checked',
        UNCHECKED: 'unchecked',
        NONE: 'none'
    };
    
    states = [];
    table = new Array();
    
    $.each(State, function(k, state) {
        states.push(state ...
  • jQuery animation easing #64 is the latest revision

    http://stackoverflow.com/a/11979913/922168

    $(document).ready(function(){
        $("ul.subNavMenu").fadeTo(0,0);
        $("ul.navMenu").hover(
            function() {
                $("ul.subNavMenu").animate({opacity: 1, marginTop: "20px"}, {duration ...
  • show on scroll past #26 is the latest revision

    http://stackoverflow.com/a/11958199/922168

    $(document).ready( function() {
        $("#div_to_show").hide(); //hide your div initially
        $(window).scroll(function() {
            // once top of div is scrolled past
            if ...
  • droppable on range

    http://stackoverflow.com/a/11944085/922168

    var listOfWords = [];
    var rndWord = [];
    var ul = document.getElementById("wordlist");
    
    var i;
    for (i = 0; i < ul.children.length; ++i) {
    
        listOfWords ...
  • panning window

    http://stackoverflow.com/a/11888281/922168

    $(document).ready(function(){
       $('#viewArea').draggable(); 
    });
  • ui.combobox select hack #101 is the latest revision

    http://stackoverflow.com/a/11849719/922168

    $.widget("ui.combobox", {
        options: {
            maxOptionSize: 20,
            maxOptionText: "... type to filter"
        },
        _create: function() {
            var self = this,
                select = this.element.hide(),
                selected ...