JSFiddle

  • expand ALL or collapse ALL in twitter bootstrap

    http://stackoverflow.com/questions/14050764/expand-all-or-collapse-all-in-twitter-bootstrap

    //collapsible menu
    
    
        $('.expandcollapse').click(function() {
    
            var newstate = $(this).attr('state') ^ 1,
                icon = newstate ? "minus" : "plus",
                text = newstate ? "Collapse" : "Expand";
        
            // if ...
  • Jquery fit text

    jQuery (edge), HTML, CSS, JavaScript, jQuery UI 1.8.5

    function resizeFont(elemToR){
       var parentW = elemToR.offsetWidth;
        
        $(elemToR).find('.row').each(function(n) {
            var newFontSize = (parentW / this.offsetWidth) * 9.9 ...
  • ADP Answer #16 is the latest revision

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

    /* You should not modify the code below */
    var myApp = angular.module('myApp', []);
    
    myApp.controller('MyCtrl', function MyCtrl($scope) {
    
      $scope.formModel ...
  • NG-Repeat Scoping Via Input

    Using input to update ng-repeat count

    var app = angular.module('myapp', []);
    app.controller('ctrlParent', function($scope) {
      $scope.myNumber = 1;
    
      $scope.getNumber = function(num) {
        return new Array ...
  • Adorable Heart Footer #2 is the latest revision

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

    <div class="signature">
    	<p>Made with <i class="much-heart"></i></p>
    </div>
  • Bootstrap Blocks

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

    <div class="container">
      <div class="row">
        <div class="col-md-6 col-lg-4">
          <div class="dash-unit">
            <span class=title></span>
            <hr>
            <div class="text">
              <p>
                
              </p>
            </div>
          </div>
        </div>
    
        <div class="col-md-6 col-lg-4">
          <div class="dash-unit">
            <span class=title></span>
            <hr>
            <div class="text">
              <p>
               
              </p>
            </div>
          </div>
        </div>
    
        <div class="col-md-6 col-lg-4">
          <div class="dash-unit">
            <span class=title></span>
            <hr>
            <div class="text">
              <p>
               
              </p>
            </div>
          </div>
        </div>
      </div>
       <div class="row">
        <div class="col-md-6 col-lg-4">
          <div class="dash-unit">
            <span class=title></span>
            <hr>
            <div class="text">
              <p>
                
              </p>
            </div>
          </div>
        </div>
    
        <div class="col-md-6 col-lg-4">
          <div class="dash-unit">
            <span class=title></span>
            <hr>
            <div class="text">
              <p>
               
              </p>
            </div>
          </div>
        </div>
    
        <div class="col-md-6 col-lg-4">
          <div class="dash-unit">
            <span class=title></span>
            <hr>
            <div class="text">
              <p>
               
              </p>
            </div>
          </div>
        </div>
      </div>
      
       <div class="row">
        <div class="col-md-6 col-lg-4">
          <div class="dash-unit">
            <span class=title></span>
            <hr>
            <div class="text">
              <p>
                
              </p>
            </div>
          </div>
        </div>
    
        <div class="col-md-6 col-lg-4">
          <div class="dash-unit">
            <span class=title></span>
            <hr>
            <div class="text">
              <p>
               
              </p>
            </div>
          </div>
        </div>
    
        <div class="col-md-6 col-lg-4">
          <div class="dash-unit">
            <span class=title></span>
            <hr>
            <div class="text">
              <p>
               
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    
  • Trending Multi-Series

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

    FusionCharts.ready(function () {
            FusionCharts.register('theme', {
            name: 'PointRight',
            theme: {
                base:{
                     chart: {
                         paletteColors: '#00182e, #013c73, #ae9b3f, #d7cd9f, #b6b6b7, #453e19, #6c6d6f, #809eb9 ...
  • Trending Multi-Series #1 is the latest revision

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

    FusionCharts.ready(function () {
            FusionCharts.register('theme', {
            name: 'PointRight',
            theme: {
                base:{
                     chart: {
                         paletteColors: '#00182e, #013c73, #ae9b3f, #d7cd9f, #b6b6b7, #453e19, #6c6d6f, #809eb9 ...
  • Telerik Tiles

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

        $("#chessboard div").hover(
            function(e) {
                var div = $(e.currentTarget);
                kendo.fx(div.find(".description").css("display", "block")).tile("left", div ...
  • Coordinator Case View

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

      $(function() {
          $(".radiobuttonset").buttonset();
          $("#radioblock2").buttonset();
          $("#radioblock3").buttonset();
          $("#radioblock4").buttonset();
          $("#radioblock5").buttonset();
          $("#radioblock6").buttonset();
      });