Saturday 28 December 2013

fromdate todate selecter in jquery

bootstrap-datepicker Fromdate to date selecter

javascript 

 var nowTemp = new Date();
 var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
         
       var checkin = $('#fromdate').datepicker({format:'dd-mm-yyyy',
               onRender: function(date) {
                      return date.valueOf() < now.valueOf() ? 'disabled' : '';
             }
           }).on('changeDate', function(ev) {
               if (ev.date.valueOf() > checkout.date.valueOf()) {
                    var newDate = new Date(ev.date);
                    newDate.setDate(newDate.getDate());
                    checkout.setValue(newDate);
          }
             checkin.hide();
             $('#todate')[0].focus();
       }).data('datepicker');
       
       var checkout = $('#todate').datepicker({format:'dd-mm-yyyy',
                      onRender: function(date) {
                            return date.valueOf() < checkin.date.valueOf() ? 'disabled' : '';
                      }
       }).on('changeDate', function(ev) {
                        checkout.hide();
       }).data('datepicker');

Html  twitter bootstrap

   <div id="datecontainer">  
                           <div class="control-group">
                              <label class="control-label">From Date:</label>
                                <div class="controls">
                                <div class="input-append date" id="fromdate" data-date="" data-date-format="dd-mm-yyyy">
                                <input class="span2" size="16" type="text" value="">
                                <span class="add-on"><i class="icon-th"></i></span>
                               </div>
                             </div>
                           </div>
           
                            <div class="control-group">
                              <label class="control-label">To Date:</label>
                                 <div class="controls">
                                   <div class="input-append date" id="todate" data-date="" data-date-format="dd-mm-yyyy">
                                     <input class="span2" size="16" type="text" value="">
                                     <span class="add-on"><i class="icon-th"></i></span>
                                  </div>
                                </div>
                             </div>          
                    </div>

        Your valuable feedback question, or comments about this article are always welcome.

Saturday 21 December 2013

Replace All src from Html string in javascript

var html = "<div>
    <img src="http://pranaysonisoft.blogspot.com/pranaysoni.jpg" />    <h1>SOME TEXT</h1>
    <img src="http://pranaysonisoft.blogspot.com/image2.jpg" />
</div>";


html.replace(/[^-]src\=["|'](.*?)['|"]/g, "SOME_URL");
then all src="..." become src="SOME_URL"

Thursday 12 December 2013

Base64 string to image in Node Js (express).

FileReader dataurl   to write  image in Node Js (express).
 create data url and pass in ajax

      $.ajax({
                        type:'POST',
                        url:"/uploadimg",
                        data:{src:data}, // document.getElementById("small").src    base64 string
                        success: function (response) {
                              alert("hi");
                        },
                        error:function() {
                              alert('error');
                        }
       });


create post method in express


app.post('/uploadimg', SetJsonHeader, function (req, res) {
       console.log("call :   "+ req.body.src);

       var fs = require('fs');
       var data_url = req.body.src;

//  DataURL is prepended by meta data. You first need to remove that part before you create a base64  buffer.

       var matches = data_url.match(/^data:.+\/(.+);base64,(.*)$/);
       var ext = matches[1];
       var base64_data = matches[2];
       var buffer = new Buffer(base64_data, 'base64');
       fs.writeFile(__dirname +'/uploads', buffer, function (err) {
         res.send('success');
       });
             
            res.send({ ReturnVal:req.body.src });
    });