Ticket #19151: 19151.2.patch

wp-content/themes/twentyeleven/js/placeholder.js

@@ +1 @@
+(function() {
+        var placeholders = [],
+            inputs = document.getElementsByTagName("input"),
+            textareas = document.getElementsByTagName("textarea"),
+                i = 0;
+
+        // Get text inputs with a placeholder attribute set
+        for (i = 0 ; i < inputs.length ; i++) {
+                if (null !== inputs[i].getAttribute("type") && "text" === inputs[i].getAttribute("type").toLowerCase() && null !== inputs[i].getAttribute("placeholder") && "" !== inputs[i].getAttribute("placeholder")) {
+                        placeholders.push(inputs[i]);
+                }
+        }
+        
+        // Get textareas with a placeholder attribute set
+        for (i = 0 ; i < textareas.length ; i++) {
+                if (null !== textareas[i].getAttribute("placeholder") && "" !== textareas[i].getAttribute("placeholder")) {
+                        placeholders.push(textareas[i]);
+                }
+        }
+
+        // Show placeholders
+        for (i = 0 ; i < placeholders.length ; i++) {
+                if (null === placeholders[i].getAttribute("value") || "" === placeholders[i].getAttribute("value")) {
+                        placeholders[i].value = placeholders[i].getAttribute("placeholder");
+                        placeholders[i].style.color = "#a9a9a9";
+                }
+                placeholders[i].onfocus = function() {
+                        if (this.value === this.getAttribute("placeholder")) {
+                                this.value = "";
+                        }
+                        this.style.color = "";
+                };
+                placeholders[i].onblur = function() {
+                        if (null === this.value || "" === this.value) {
+                                this.value = this.getAttribute("placeholder");
+                        }
+                };
+        }
+})();
+ No newline at end of file

wp-content/themes/twentyeleven/footer.php

@@ -28 +28 @@
         </footer><!-- #colophon -->
 </div><!-- #page -->
 
+<!--[if IE]>
+<script src="<?php echo get_template_directory_uri(); ?>/js/placeholder.js" type="text/javascript"></script>
+<![endif]-->
 <?php wp_footer(); ?>
 
 </body>