JSFiddle

  • Multi-Line Ellipsis

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

    
    
    <div class=test3>Long long long long longlongtext Longlonglonglong longlongtext Long long long long long long textLong long long long long long text ...</div>
  • Custom Currency by $locale

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

    var app = angular.module("test", ['ui.bootstrap']);
    
    
    app.filter('currencyCustom', ['$filter', '$locale', function($filter, $locale) {
    
      return function(value, symbol, places ...
  • Convert String into JSON then Cards

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

    var app = angular.module("test", ['ui.bootstrap']);
    
    app.controller("testController", function($scope) {
      var originalString, newString, jsonObj, repeatObj;
      repeatObj = [];
      originalString = "(id ...
  • Custom Twitter Bootstrap Gallery

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

    var openText = "Open All";
    var closedText = "Close All";
    
    $('.toggle-all').click(function() {
      if ($(this).context.innerText === openText) {
        $('.collapse:not(".in")').collapse ...
  • Custom Twitter Bootstrap Gallery with Even Height

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

    var openText = "Open All";
    var closedText = "Close All";
    
    $('.toggle-all').click(function() {
      if ($(this).context.innerText === openText) {
        $('.collapse:not(".in")').collapse ...
  • 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 ...
  • Dynamic UIB Tooltip

    ng-repeat tooltip triggered by text length

    var app = angular.module("test", ['ngSanitize', 'ui.bootstrap']).config(function($sceProvider) {
      $sceProvider.enabled(false);
    });
    
    app.controller("testController", function($scope, $http ...
  • 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 ...
  • 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 ...