Note that there are some explanatory texts on larger screens.

plurals
  1. POPrototype Ajax Updater does not update the page correctly
    primarykey
    data
    text
    <p>I am using Prototype Ajax Updater (via Rails link_to_remote) to insert some HTML returned from the server, at the bottom of a div. The correct HTML is inserted at the right place, however the new HTML at the bottom of the div displays over the top of the existing page footer.</p> <p>If the content had originally been a part of the page then the footer would have been rendered lower, after that content. However when the extra content is inserted the footer stays where it is and the new content is displayed over the top of the footer.</p> <p>Update: Below is the view code. The page itself is here: <a href="http://likily-stage.heroku.com/newest_members" rel="nofollow">http://likily-stage.heroku.com/newest_members</a></p> <p>The controller is very basic as it just calls the model asking for the next batch of records:</p> <pre><code>&lt;h1&gt;Newest Members&lt;/h1&gt; &lt;div id="member_list"&gt; &lt;% @people.each do | person | %&gt; &lt;div class="item connection"&gt; &lt;%= insert_profile_pic(person) %&gt; &lt;div class="info"&gt; &lt;h2&gt;&lt;%= link_to h(person.full_name), person %&gt;&lt;/h2&gt; &lt;p class="author"&gt;Joined in &lt;%= person.created_at.strftime("%B %Y") %&gt;&lt;/p&gt; &lt;ul&gt; &lt;li&gt;&lt;span&gt;&lt;%= person.reviews.count.to_s %&gt;&lt;/span&gt; recommendations&lt;/li&gt; &lt;li&gt;&lt;span&gt;&lt;%= person.lists.count.to_s %&gt;&lt;/span&gt; lists&lt;/li&gt; &lt;li&gt;&lt;span&gt;&lt;%= person.friends.count.to_s -%&gt;&lt;/span&gt; connections&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;% end %&gt; &lt;div id="button_div"&gt; &lt;% if @people.last.id &gt; 1 %&gt; &lt;% offset_param = "'offset=" + @next_offset.to_s + "'" %&gt; &lt;p&gt; &lt;%= button_to_remote "Show More..." , {:url =&gt; {:action =&gt; 'more_members'}, :update =&gt; 'member_list', :position =&gt; :bottom, :with =&gt; offset_param, :before =&gt; "removeElement('member_list','button_div'); Element.show('spinner_div')", :after =&gt; "Element.hide('spinner_div')"} , :id =&gt; "more_people_button", :class =&gt; "button green wide_button" %&gt; &lt;/p&gt; &lt;% end %&gt; &lt;/div&gt; &lt;/div&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload