amitabhaghosh197
3/24/2015 - 2:46 AM

append+remove

append+remove

// JavaScript Document

var Pluginjs = function(){
	
	var boothstrapTouchspin100 = function(){
            
           
		 $("input[name='min100']").TouchSpin({
                   step : 100,
                   min:100,
                   max:500
                  
            }).on('touchspin.on.startupspin', function () {
                //alert("HI");
                var container = $('#addTitles');
   var inn = container.find('.app-div');
   
   var $id = inn.length+1;
   $id++;
$(container).append('<div id="app'+$id+'"><div class="col-md-12"><div class="app-div"><div class="closed-btn pull-right"><a href="javascript:"><i class="fa fa-times "></i></a></div> <div class="input-group" > <span id="sizing-addon2" class="input-group-addon">Order # '+ $id +'</span><input type="text" placeholder=""  class="form-control">  </div></div></div></div>');

$('#addTitles').on('click','.closed-btn',function(e){

   e.preventDefault();

   var par = $(this).closest($("[id^=app]"));

   $(par).remove();

});
$("input[name='min100']").TouchSpin().on('touchspin.on.startdownspin',function(e){
   e.preventDefault();
    var par2 = $('#addTitles').find('.closed-btn').closest($("[id^=app]"));
     $(par2).remove();
});
            });
        
        
        
		
		};//boothstrapTouchspin100
	
	
        var boothstrapTouchspin200 = function(){
            
           
		 $("input[name='min200']").TouchSpin({
                   step : 200,
                   min:200,
                   max:1000
            });
        };//boothstrapTouchspin200
        
        var boothstrapTouchspin300 = function(){
            
           
		 $("input[name='min300']").TouchSpin({
                   step : 300,
                   min:300,
                   max:1000
            });
        };//boothstrapTouchspin200
	
         var boothstrapTouchspinwrit = function(){
            
           
		 $("input[name='writ100']").TouchSpin({
                     postfix : "Days"
                   
            });
        };//boothstrapTouchspinwrit
        
        var boothstrapTouchspinwtm = function(){
            
           
		 $("input[name='wtm100']").TouchSpin({
                     postfix : "Days"
                   
            });
        };//boothstrapTouchspinwtm
        
        
	return{
		init : function()
		{
			boothstrapTouchspin100();
			boothstrapTouchspin200();
			boothstrapTouchspin300();
                        boothstrapTouchspinwrit();
                        boothstrapTouchspinwtm();
                       
			}
		
		
		};
	
	}();