From 231a6a2857c54266c181ed1ada69aa2cf4105e87 Mon Sep 17 00:00:00 2001
From: Justin Duke <dukerson@gmail.com>
Date: Fri, 3 Jan 2014 23:47:05 -0800
Subject: [PATCH 1/2] Delete jquery.label_better.js
---
demo/jquery.label_better.js | 160 ------------------------------------
1 file changed, 160 deletions(-)
delete mode 100644 demo/jquery.label_better.js
diff --git a/demo/jquery.label_better.js b/demo/jquery.label_better.js
deleted file mode 100644
index a575375..0000000
--- a/demo/jquery.label_better.js
+++ /dev/null
@@ -1,160 +0,0 @@
-/* ===========================================================
- * jquery-label_better.js v1.1
- * ===========================================================
- * Copyright 2013 Pete Rojwongsuriya.
- * http://www.thepetedesign.com
- *
- * Label your form input like a boss with
- * beautiful animation and without taking up space
- *
- * https://github.com/peachananr/label_better
- *
- * ========================================================== */
-
-!function($){
-
- var defaults = {
- position: "top",
- animationTime: 500,
- easing: "ease-in-out",
- offset: 20,
- hidePlaceholderOnFocus: true
- };
-
- $.fn.animateLabel = function(settings, btn) {
- var position = btn.data("position") || settings.position,
- posx = 0,
- posy = 0;
-
-
- $(this).css({
- "left": "auto",
- "right": "auto",
- "position": "absolute",
- "-webkit-transition": "all " + settings.animationTime + "ms " + settings.easing,
- "-moz-transition": "all " + settings.animationTime + "ms " + settings.easing,
- "-ms-transition": "all " + settings.animationTime + "ms " + settings.easing,
- "transition": "all " + settings.animationTime + "ms " + settings.easing
- });
-
- switch (position) {
- case 'top':
- posx = 0;
- posy = ($(this).height() + settings.offset) * -1;
-
- $(this).css({
- "top": "0",
- "opacity": "1",
- "-webkit-transform": "translate3d(" + posx + ", " + posy + "px, 0)",
- "-moz-transform": "translate3d(" + posx + ", " + posy + "px, 0)",
- "-ms-transform": "translate3d(" + posx + ", " + posy + "px, 0)",
- "transform": "translate3d(" + posx + ", " + posy + "px, 0)"
- });
- break;
-
- case 'bottom':
- posx = 0;
- posy = ($(this).height() + settings.offset);
-
- $(this).css({
- "bottom": "0",
- "opacity": "1",
- "-webkit-transform": "translate3d(" + posx + ", " + posy + "px, 0)",
- "-moz-transform": "translate3d(" + posx + ", " + posy + "px, 0)",
- "-ms-transform": "translate3d(" + posx + ", " + posy + "px, 0)",
- "transform": "translate3d(" + posx + ", " + posy + "px, 0)"
- });
- break;
-
- case 'left':
- posx = ($(this).width() + settings.offset) * -1;
- posy = 0;
-
- $(this).css({
- "left": 0,
- "top": 0,
- "opacity": "1",
- "-webkit-transform": "translate3d(" + posx + "px, " + posy + "px, 0)",
- "-moz-transform": "translate3d(" + posx + "px, " + posy + "px, 0)",
- "-ms-transform": "translate3d(" + posx + "px, " + posy + "px, 0)",
- "transform": "translate3d(" + posx + "px, " + posy + "px, 0)"
- });
- break;
-
- case 'right':
- posx = $(this).width() + settings.offset;
- posy = 0;
-
- $(this).css({
- "right": 0,
- "top": 0,
- "opacity": "1",
- "-webkit-transform": "translate3d(" + posx + "px, " + posy + "px, 0)",
- "-moz-transform": "translate3d(" + posx + "px, " + posy + "px, 0)",
- "-ms-transform": "translate3d(" + posx + "px, " + posy + "px, 0)",
- "transform": "translate3d(" + posx + "px, " + posy + "px, 0)"
- });
- break;
- }
- }
-
- $.fn.removeAnimate = function(settings, btn) {
- var position = btn.data("position") || settings.position,
- posx = 0,
- posy = 0;
-
- $(this).css({
- "top": "0",
- "opacity": "0",
- "-webkit-transform": "translate3d(" + posx + ", " + posy + "px, 0)",
- "-moz-transform": "translate3d(" + posx + ", " + posy + "px, 0)",
- "-ms-transform": "translate3d(" + posx + ", " + posy + "px, 0)",
- "transform": "translate3d(" + posx + ", " + posy + "px, 0)"
- });
-
- }
-
- $.fn.label_better = function(options){
- var settings = $.extend({}, defaults, options),
- el = $(this),
- triggerIn = "focus",
- triggerOut = "blur";
- if(settings.easing == "bounce") settings.easing = "cubic-bezier(0.175, 0.885, 0.420, 1.310)"
-
- el.each(function( index, value ) {
- var btn = $(this),
- position = btn.data("position") || settings.position;
- btn.wrapAll("<div class='lb_wrap' style='position:relative; display: inline;'></div>")
-
- if( btn.val().length > 0) {
- var text = btn.data("new-placeholder") || btn.attr("placeholder");
- $("<div class='lb_label " + position + "'>"+ text + "</div>").css("opacity", "0").insertAfter(btn).animateLabel(settings, btn);
- }
-
- btn.bind(triggerIn, function() {
- if(btn.val().length < 1) {
- var text = btn.data("new-placeholder") || btn.attr("placeholder"),
- position = btn.data("position") || settings.position;
- $("<div class='lb_label " + position + "'>"+ text + "</div>").css("opacity", "0").insertAfter(btn).animateLabel(settings, btn);
- }
- if (settings.hidePlaceholderOnFocus == true) {
- btn.data("default-placeholder", btn.attr("placeholder"))
- btn.attr("placeholder", "")
- }
- btn.parent().find(".lb_label").addClass("active");
- }).bind(triggerOut, function() {
-
- if(btn.val().length < 1) {
- btn.parent().find(".lb_label").bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function(){ $(this).remove(); }).removeAnimate(settings, btn)
- }
- if (settings.hidePlaceholderOnFocus == true) {
- btn.attr("placeholder", btn.data("default-placeholder"))
- btn.data("default-placeholder", "")
- }
- btn.parent().find(".lb_label").removeClass("active");
- });
- });
-
- }
-}(window.jQuery);
-
From 4d3145d6eb174e3a6130e86411349b81167676c5 Mon Sep 17 00:00:00 2001
From: Justin Duke <dukerson@gmail.com>
Date: Fri, 3 Jan 2014 23:47:19 -0800
Subject: [PATCH 2/2] Update demo.html
---
demo/demo.html | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/demo/demo.html b/demo/demo.html
index b4e4a60..ebe58e7 100644
--- a/demo/demo.html
+++ b/demo/demo.html
@@ -15,7 +15,7 @@
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
- <script type="text/javascript" src="jquery.label_better.js"></script>
+ <script type="text/javascript" src="../jquery.label_better.js"></script>
<style>
html {
height: 100%;
@@ -268,4 +268,4 @@ <h2>Label your form input like a boss</h2>
<a href="https://github.com/peachananr/label_better"><img style="position: absolute; top: 0; right: 0; border: 0; z-index: 15;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
</div>
</body>
-</html>
\ No newline at end of file
+</html>