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

Timestamp:

07/09/08 01:06:26 (5 years ago)

Author:

kumatch

Message:

Adjusted the ajax in status update.

Files:

• events/phpframework/piece_framework/trunk/web/frontend/webapp/templates/Self/Form.html (modified) (4 diffs)

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

@@ -1 +1 @@
 <div id="wrapper">
   <div id="main">
-    <form name="StatusUpdate">
+    <form id="StatusUpdate" name="StatusUpdate"
+          onsubmit="if( $('status').value.length > 140 ) { alert('That update is over 140 characters!'); return false;}; new Ajax.Request('/status/update', { asynchronous:true, evalScripts:true, requestHeaders: { Accept: 'application/x-piece-html-fragment'}, onComplete: function(transport){ $('timeline_table').insert({ top: transport.responseText }); $('status').value = '';updateStatusTextCharCounter($('status').value);$('status').focus();},parameters: Form.serialize(this) }); return false;">
       <div id="post">
         <span class="whatdoing">イマナニシテル？</span>
@@ -11 +12 @@
             class="message" name="status" id="status"></textarea>
         <p class="btn btnSpace">
-          <input name="commit" id="commit" class="formBtn" type="submit" value="つぶやく" p:event="update" />
+          <input name="commit" id="commit" class="formBtn" type="button" value="つぶやく" p:event="update" onclick="$('StatusUpdate').onsubmit();" />
         </p>
       </div>
@@ -24 +25 @@
 
     <div id="timeline">
-      <table class="statuslist">
+      <table class="statuslist" id="timeline_table">
         
         <tr foreach="statusList" as="status">
           <td class="friendicon">
-
             <img src="/profile_images/{status.userId}/{status.imageNormal}" id="profile-image" alt="{status.userName}" class="friendicon" if="status.image" />
             <img src="/profile_images/default_profile_normal.png" id="profile-image" alt="Default_profile_normal" class="friendicon" if="!status.image" />
-
           </td>
           <td class="status">
@@ -131 +130 @@
 });
 </script>
+
+<script type="text/javascript">
+</script>