Clear out textarea on initial focus

robertgreiner · Jun 12, 2011 · 1743576 · 1743576
1 parent 4495857
commit 1743576
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/mincss/index.html b/mincss/index.html
@@ -11,7 +11,7 @@
 	<body>
 
     <form id="minCSS" action="">
-        <textarea id="input" rows="20" cols="100">Enter your CSS code here.</textarea>
+        <textarea id="userInput" rows="20" cols="100"></textarea>
     </form>
 
     <div>

diff --git a/mincss/mincss.js b/mincss/mincss.js
@@ -1,3 +1,12 @@
 $(document).ready(function () {
 
+    var defaultString = 'Enter your CSS code here.';
+    $('#userInput').val(defaultString);
+
+    $('#userInput').click(function () {
+        if ($(this).val() == defaultString) {
+            $(this).val('');
+        }
+    });
+
 });