From 1353fc4fbbedca75b8ed70ac57f56bc1f6ab3489 Mon Sep 17 00:00:00 2001
From: sanj <sanj@sanj>
Date: Sun, 29 Aug 2010 23:24:55 +0530
Subject: [PATCH] erang placeholder js

---
 itf/templates/erang/home.html | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/itf/templates/erang/home.html b/itf/templates/erang/home.html
index c9960d6..ad2d441 100644
--- a/itf/templates/erang/home.html
+++ b/itf/templates/erang/home.html
@@ -3,6 +3,29 @@
 {% block head %}
 <title>India Theatre Forum - {{ current_issue.title }}</title>
 <script type="text/javascript">
+$(document).ready(function() {
+  $('input, textarea').each(function() {
+    var hasPlaceholder = $(this).attr("data-placeholder") == undefined ? false : true;
+    if (hasPlaceholder) {
+      var placeholderText = $(this).data("placeholder") = $(this).attr("data-placeholder");
+      $(this).addClass("placeholder").val(placeholderText);
+      $(this).focus(function() {
+        var currText = $(this).val();
+        if (currText == $(this).data("placeholder")) {
+          $(this).val('').removeClass("placeholder");
+        }
+      });
+      $(this).blur(function() {
+        var currText = $(this).val();
+        if (currText == '') {
+          $(this).val($(this).data("placeholder"));
+          $(this).addClass("placeholder");
+        }
+      });
+    }
+  });
+});
+
 $(document).ready(function() {
   $('#subscribeForm').submit(function(e) {
     e.preventDefault();
@@ -93,6 +116,7 @@ $(document).ready(function() {
   ul {
     padding: 0px;
     padding-left: 4px;
+    margin-top: 2px;
   }
 
   
@@ -110,6 +134,11 @@ $(document).ready(function() {
     font-style: italic;
     font-size: 10px;
   }
+
+  .placeholder {
+    color: #808080;
+    font-style: italic;
+  }
 </style>
 {% endblock %}