https://www.scalabad.no/scripts/common/floating.label.js

1mcWeb.flabels = new (function ($) {
2    var self = this;
3
4    self.events = {
5        reload: "mcWeb.flabels.reload"
6    }
7
8    
9    $(document).ready(function() {
10        self.load();
11    });
12
13    self.load = function() {
14        var isIe = (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0); // MSIE			
15
16        $('[data-toggle="f-label"]').each(function(i, el) {
17            var $input = $(el);
18            if ($input.length < 1) return;
19
20            $input.attr('placeholder', $input.next("label").text());
21
22            $input.focusin(function() {
23                var t = $(this);
24                var l = t.parent();
25                l.addClass("f-label-active");
26                if (isIe) {
27                    t.attr('data-value', ' ');
28                }
29            });
30
31            $input.focusout(function() {
32                var t = $(this);
33                var l = t.parent();
34                l.removeClass("f-label-active");
35                if (isIe) {
36                    t.attr('data-value', '');
37                }
38            });
39
40            $input.attr('data-value', $(this).val()).on('keyup change', function() {
41                var l = $(this);
42                l.attr('data-value', l.val());
43            });
44        });
45    };
46
47    PubSub.subscribe(self.events.reload, function (message, data) {
48        self.load();
49    });    
50
51})(jQuery);