<textarea placeholder="input a URL here"> http://www.mintik.com/?p=21822 </textarea> <div class="urlive-container"> <span class="loading">Loading...</span> </div>
* { font-family:'Segoe UI', 'Open Sans', sans-serif; } textarea { width:450px; height:70px; } .urlive-container { margin-top:15px; width:450px; padding:0 0 50px 0; } .loading { display:none; }
$('textarea').on('input propertychange', function () { $('textarea').urlive({ callbacks: { onStart: function () { $('.loading').show(); $('.urlive-container').urlive('remove'); }, onSuccess: function (data) { $('.loading').hide(); $('.urlive-container').urlive('remove'); }, noData: function () { $('.loading').hide(); } } }); }).trigger('input');