@@ -1,16 +1,18 @@
-Element.addMethods('input', {
-
- defaultValueActsAsHint: function(element){
- element = $(element);
- element._default = element.value;
-
- return element.observe('focus', function(){
- if(element._default != element.value) return;
- element.removeClassName('hint').value = '';
- }).observe('blur', function(){
- if(element.value.strip() != '') return;
- element.addClassName('hint').value = element._default;
- }).addClassName('hint');
- }
-
-});
\ No newline at end of file
+(function(){
+ var methods = {
+ defaultValueActsAsHint: function(element){
+ element = $(element);
+ element._default = element.value;
+
+ return element.observe('focus', function(){
+ if(element._default != element.value) return;
+ element.removeClassName('hint').value = '';
+ }).observe('blur', function(){
+ if(element.value.strip() != '') return;
+ element.addClassName('hint').value = element._default;
+ }).addClassName('hint');
+ }
+ };
+
+ $w('input textarea').each(function(tag){ Element.addMethods(tag, methods) });
+})();
\ No newline at end of file
defaultValueActsAsHint/defaultvalueactsashint.js
@@ -2,12 +2,12 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
- <title>blech</title>
+ <title>defaultValueActsAsHint functional test</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="../lib/prototype/dist/prototype.js" type="text/javascript"></script>
<script src="defaultvalueactsashint.js" type="text/javascript"></script>
<style type="text/css" media="screen">
- input.hint {
+ .hint {
color: #aaa;
font-style: italic;
}
@@ -16,10 +16,13 @@
<body>
<input type="text" id="foo" name="foo" value="Enter something!"/>
<input type="text" id="bar" name="bar" value="Or something else!"/>
+ <textarea id="baz" name="baz">Replace this text with something else</textarea>
+
<script type="text/javascript" charset="utf-8">
$('foo').defaultValueActsAsHint();
$('bar').defaultValueActsAsHint();
+ $('baz').defaultValueActsAsHint();
</script>
</body>
</html>
\ No newline at end of file
defaultValueActsAsHint/test.html
b100af3c6930aa913404eb3148b144cd427aba25
Thomas Fuchs
thomas@fesch.at
http://github.com/madrobby/prototype_helpers/commit/bc651bd6f30303d97f939909a63fc196f2f37978
bc651bd6f30303d97f939909a63fc196f2f37978
2009-01-07T05:06:52-08:00
2009-01-07T05:06:52-08:00
add a test for textareas
befba35947e820253790e63160e0638978ed9e6a
Thomas Fuchs
thomas@fesch.at