Improved hint text show and hide functionality;

Arcane95 · Aug 25, 2011 · 6e434c1 · 6e434c1
1 parent bff1bf8
commit 6e434c1
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 10 deletions.
diff --git a/css/wunderlist.css b/css/wunderlist.css
@@ -549,6 +549,7 @@ span.add_task_hint {
 	opacity:0.5; 
 	-moz-opacity: 0.5;
 	filter:Alpha(opacity=50);
+	z-index: 1;
 }
 
 div.add .showdate {position:absolute; right:-70px !important; top:10px; font-size:11px; font-weight:bold; color:#fff}

diff --git a/js/frontend/tasks.js b/js/frontend/tasks.js
@@ -307,21 +307,41 @@ $(function() {
 	});
 
 	// For testing purposes, to null the count, just uncomment this
-	//Titanium.App.Properties.setInt('number_of_shown_add_task_hints', 0);
+	Titanium.App.Properties.setInt('number_of_shown_add_task_hints', 0);
 
 	var numberOfShownHints = Titanium.App.Properties.getInt('number_of_shown_add_task_hints', 0) + 1;
+	var isShowingAgain = false;
 	if (numberOfShownHints < 5) {
+		$('.add_task_hint:hidden').live('click', function () { alert(); });
 		$('.addwrapper input').live('focus', function () {
 			if ($('.addwrapper input').val().length < 15) {
-				$('.add_task_hint').fadeIn('fast');
+				setTimeout(function () {
+					isShowingAgain = true;
+					$('.add_task_hint').fadeIn('fast', function () {
+						//isShowingAgain = false;
+						setTimeout(function () {
+							isShowingAgain = false;
+						}, 250);
+					});
+				}, 50);
+
+
+
+				/*
+				
+					On blur, wait 200, check if VIEW is true
+						If NOT, hide
+					
+					On focus, show
+				
+				*/
+
+
+
+
+
+
 			}
-			setTimeout(function () {
-				if ($('.addwrapper input').val().length < 15) {
-					$('.add_task_hint').fadeIn('fast');
-				} else {
-					$('.add_task_hint').hide();
-				}
-			}, 250)
 		});
 		$('.addwrapper input').live('keyup', function () {
 			if ($('.addwrapper input').val().length < 15) {
@@ -331,9 +351,21 @@ $(function() {
 			}
 		});
 		$('.addwrapper input').live('blur', function () {
-			$('.add_task_hint').fadeOut('fast');
+
+			setTimeout(function () {
+				if (!isShowingAgain) {
+					$('.add_task_hint').fadeOut('fast');
+				}
+			}, 200);
+
+
+
+
 		});
 		Titanium.App.Properties.setInt('number_of_shown_add_task_hints', numberOfShownHints);
+
+
+
 	}
 
 	$('.addwrapper input').live('focus', function () {