<textarea> demo for jQuery URLive

See the plugin repo at GitHub: https://github.com/markserbol/urlive ! Github is not a CDN, download the files for your project.

by mark serbol

HTML

<script src="http://markserbol.github.io/urlive/jquery.urlive.js"></script>
<link rel="stylesheet" href="http://markserbol.github.io/urlive/jquery.urlive.css">
<textarea placeholder="input a URL here"></textarea>
<div class="urlive-container"> 
    <span class="loading">Loading...</span>
</div>

CSS

* {
    font-family:'Segoe UI', 'Open Sans', sans-serif;
}
textarea {
    width:450px;
    height:70px;
}
.urlive-container {
    margin-top:15px;
    width:450px;
}
.loading {
    display:none;
}

JavaScript

$('textarea').on('input propertychange', function () {
    $('textarea').urlive({
        callbacks: {
            onStart: function () {
                $('.loading').show();
                $('.urlive-container').urlive('remove');
            },
            onSuccess: function (data) {
                $('.loading').hide();
            },
            noData: function () {
                $('.loading').hide();
            }
        }
    });
});