AnkurVyas-BTC

window.onload = function() {

  var placeholder = $('.placeholder');

  placeholder.each( function(index) {
    // 1: load small image and show it
    var smallImgElement = $(this).find('.img-small');
    console.log(smallImgElement);
    var img = new Image();
    img.src = smallImgElement.attr('src');

AnkurVyas-BTC

// When the page starts loading
var timerStart = Date.now();

// Executes when complete page is fully loaded, including all frames, objects and images
$(window).load(function () {})
  loadTime = (Date.now() - timerStart) / 1000;
  $('#page_load').html(loadTime + ' s');
});

AnkurVyas-BTC

$(“#tags”).tagit({
  availableTags: [‘ruby’, ‘rails’,’range’, ‘ready’],
  tagLimit: 2,
  beforeTagAdded: function(event, ui){
    // Do something special as you want
  }
  afterTagAdded: function(event, ui){
    // Do something special as you want
  }
  beforeTagRemoved: function(event, ui){

AnkurVyas-BTC

$(“#tags”).tagit({
 availableTags: [‘ruby’, ‘rails’,’range’, ‘ready’],
 tagLimit: 2,
 onTagLimitExceeded: function(event, ui){
   alert('You cannot add more than 2 tags!')
 }
});

AnkurVyas-BTC

$(“#tags”).tagit({
 availableTags: [‘ruby’, ‘rails’,’range’, ‘ready’],
 tagLimit: 2
});

AnkurVyas-BTC

$(“#tags”).tagit({
  availableTags: [‘ruby’, ‘rails’,’range’, ‘ready’]
});

AnkurVyas-BTC

<ul id="tags">
    <li>My Tag 1</li>
    <li>My Tag 2</li>
</ul>

<script type="text/javascript">
    $(document).ready(function() {
        $("#tags").tagit();
    });
</script>

AnkurVyas-BTC

//= require jquery-ui
//= require tag-it

AnkurVyas-BTC

 *= require jquery-ui
 *= require jquery-ui.structure
 *= require jquery-ui.theme
 *= require jquery.tagit

AnkurVyas-BTC

/*!
 * jQuery UI CSS Framework 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *