Changeset 15431 for events/phpframework

Timestamp:

07/08/08 01:47:24 (5 years ago)

Author:

kumatch

Message:

Adjusted a status update counter.

Location:

events/phpframework/piece_framework/trunk/web/frontend

Files:

• htdocs/js/application.js (modified) (1 diff)
• webapp/templates/Self/Form.html (modified) (2 diffs)

events/phpframework/piece_framework/trunk/web/frontend/htdocs/js/application.js

@@ -46 +46 @@
     alert('ページをリロードして、もう一度試してください。');
 }
+
+
+function updateStatusTextCharCounter(value, e) {
+    len = value.length;
+    jQuery('#js_textcount').html('' + (140-len));
+    if (len > 140) {
+        if (jQuery("#commit").attr('disabled') != 'disabled') {
+            jQuery('#commit').attr('disabled', 'disabled')
+        }
+    } else {
+        if (jQuery("#commit").attr('disabled') == true) {
+            jQuery('#commit').removeAttr('disabled');
+        }
+
+        if (len > 130) {
+            jQuery('#js_textcount').css('color', '#d40d12' );
+        } else if (len > 120) {
+            jQuery('#js_textcount').css('color', '#5c0002' );
+        } else {
+            jQuery('#js_textcount').css('color', '#cccccc' );
+        }
+    }
+}

events/phpframework/piece_framework/trunk/web/frontend/webapp/templates/Self/Form.html

@@ -5 +5 @@
         <span class="whatdoing">イマナニシテル？</span>
         <span class="textCount" id="js_textcount">140</span>
-        <textarea class="message" name="status"></textarea>
+        <textarea
+            onkeyup="return updateStatusTextCharCounter(this.value, event);"
+            onfocus="return updateStatusTextCharCounter(this.value, event);"
+            onblur="return updateStatusTextCharCounter(this.value, event);"
+            class="message" name="status" id="status"></textarea>
         <p class="btn btnSpace">
-          <input name="commit" class="formBtn" type="submit" value="つぶやく" p:event="update" />
+          <input name="commit" id="commit" class="formBtn" type="submit" value="つぶやく" p:event="update" />
         </p>
       </div>
@@ -111 +115 @@
       $(this).innerHTML = replace_url_to_link($(this).innerHTML);
   });
+
+  $('status').focus();
+  updateStatusTextCharCounter($('status').value);
 });
 </script>