Changeset 29194

Timestamp:

01/29/09 00:10:16 (4 years ago)

Author:

NeoCat

Message:

発言文字数カウンタを追加

Files:

• websites/twicli/twicli.html (modified) (4 diffs)

websites/twicli/twicli.html

@@ -48 +48 @@
 #user_info { margin: 1px; border: 1px solid #888; }
 #user_info td { font-size: small; }
+
+#counter-div { display: none; width: 3em; position: absolute; top: 33px; right: 6%; z-index: 9;  }
+#counter-p1 { border-top: solid 9px transparent; width: 0; height: 0; border-right: solid 5px #99f; float: left; margin-left: 8px; opacity: .75; }
+#counter-p2 { border-top: solid 9px transparent; width: 0; height: 0; border-left: solid 5px #99f; float: left; opacity: .75; }
+#counter { font-family: Garamond; font-style: italic; background-color: #99f; color: white; height: 1em; text-align: center; padding: 3px 0; clear: left; opacity: 0.75; }
 --></style>
 <script type="text/javascript">
@@ -195 +200 @@
 <!--発言フォーム-->
 <form name="frm" action="http://twitter.com/statuses/update.xml" method="POST" target="tx">
-<textarea id="fst" name="status" onkeyup="if (!key_press_detected && this.value.indexOf('\n') >= 0) return press(1)" onkeypress="return press(event)"></textarea>
+<textarea id="fst" name="status" onkeyup="updateCount(); if (!key_press_detected && this.value.indexOf('\n') >= 0) return press(1)" onkeypress="updateCount(); return press(event)" onfocus="updateCount();" onblur="$('counter-div').style.display='none';"></textarea>
 <input type="hidden" name="source" value="twicli">
 <a id="go" href="javascript:void press(1)"><img src="go.png"></a>
@@ -218 +223 @@
 <!--ポップアップメニュー非表示用-->
 <div id="popup_hide" onClick="popup_hide();"></div>
+<!--文字数カウンタ-->
+<div id="counter-div"><div id="counter-p1"></div><div id="counter-p2"></div><div id="counter"></div></div>
+<!-- -->
 
 <script type="text/javascript">
@@ -277 +285 @@
         document.frm.submit();
 }
+// 発言文字数カウンタ表示・更新
+function updateCount() {
+        $("counter-div").style.display = "block";
+        $("counter").innerHTML = 140 - $("fst").value.length;
+}
 // フォームの初期化
 function resetFrm() {