Permalink
Browse files

1.2 placeholderAttrオプションを追加

  • Loading branch information...
ahomu committed Sep 5, 2011
1 parent efa7f24 commit 1548deea8b11e1f4d149e2fcda270b5b606669a7
Showing with 22 additions and 6 deletions.
  1. +14 −4 README.md
  2. +8 −2 jquery.ah-placeholder.js
View
@@ -14,9 +14,10 @@ HTML5の仕様にあるplaceholder属性を、未対応のブラウザでも擬
$(function()
{
$('.jq-placeholder').ahPlaceholder({
- placeholderColor : 'silver',
- likeApple : true
- });
+ placeholderColor : 'silver',
+ placeholderAttr : 'title',
+ likeApple : false
+ });
});
</script>
</head>
@@ -27,14 +28,23 @@ HTML5の仕様にあるplaceholder属性を、未対応のブラウザでも擬
</form>
</body>
-###likeAppleオプションについて
+###placeholderAttrオプション
+
+placeholderAttrオプションがplaceholderの場合、placeholderに対応しているブラウザではスクリプトによる処理を行いません。
+
+likeAppleオプションよりも優先されるため、placeholder対応ブラウザでlikeAppleオプションを有効にしたい場合は、placeholder属性以外(title属性など)を指定してください。
+
+###likeAppleオプション
likeAppleオプションがtrueの場合、Focus時点でplaceholderが消えるのでなく文字入力を始めた時点で消える挙動に変更されます。
これは、iOSのMobile Safariや、Safari5.1以降のplaceholderの動作を再現したものです。
##変更履歴 - Change log
+1.2
+: placeholderAttrオプションを追加
+
1.1
: likeAppleオプションを追加
View
@@ -1,5 +1,5 @@
/*
- * jQuery ah-placeholder plugin 1.1
+ * jQuery ah-placeholder plugin 1.2
*
* https://github.com/ahomu/jquery.ah-placeholder
* http://havelog.ayumusato.com/develop/javascript/e189-jquery-plugin-placeholder.html
@@ -17,6 +17,7 @@ $.fn.ahPlaceholder = function(options)
// property
var defaults = {
placeholderColor : 'silver',
+ placeholderAttr : 'title',
likeApple : false
},
settings = $.extend({}, defaults, options);
@@ -63,7 +64,12 @@ $.fn.ahPlaceholder = function(options)
// method
var init = function()
{
- $.data(this, 'placeholder-string', this.title);
+ // placeholderが有効なら処理を必要としないので終了
+ if ( settings.placeholderAttr === 'placeholder' && ('placeholder' in document.createElement('input')) ) {
+ return;
+ }
+
+ $.data(this, 'placeholder-string', $(this).attr(settings.placeholderAttr));
$.data(this, 'placeholder-color', $(this).css('color'));
var phString = $.data(this, 'placeholder-string'),

0 comments on commit 1548dee

Please sign in to comment.