Databases
StackOverflow2013
Postsdbo
POjquery ajax refreshing page content
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjquery ajax refreshing page content
    text
    copied!<p>am having a jquery Ajax call for changing the content of a div ,functionality wise everything is working fine but ,when ever div is replaced with new content the page get little shake and the and the view position get changed a little .The content that get refreshed is given below ,i mean the html response that i get after ajax call.</p> <pre><code>&lt;div class="booksFrame"&gt; &lt;a href="Magazine/magazinedetail/magazine_id/3"&gt;&lt;img src="XXXXXX" alt="Pachakuthira" title="Pachakuthira" /&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class="booksFrame"&gt; &lt;a href="Magazine/magazinedetail/magazine_id/43"&gt;&lt;img src="XXXXXX" alt="Toms Classics" title="Toms Classics" /&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class="booksFrame"&gt; &lt;a href="Magazine/magazinedetail/magazine_id/34"&gt;&lt;img src="XXXXXX" alt="The Sunday Indian (English)" title="The Sunday Indian (English)" /&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class="booksFrame"&gt; &lt;a href="Magazine/magazinedetail/magazine_id/26"&gt;&lt;img src="XXXXXX" alt="Travel Plus" title="Travel Plus" /&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class="rightArrow"&gt;&lt;img src="XXXXXX" alt="next" title="next" id="next2" onclick="javascript:nextTopseller(this);" /&gt;&lt;/div&gt; &lt;input type="hidden" value="6" id="page_number_topseller" /&gt; </code></pre> <p>my function for ajax call.</p> <pre><code>function latestArrivalNext(next) { $("#previous").css("display", "block"); if($('#page_number').val()) { page = Number($('#page_number').val()); page = page+1; /*alert(page);*/ $("#ajax_container").html('&lt;img src="/public/images/loading.gif" /&gt;').fadeIn('fast'); } else page = 2; $.ajax ({ type: "POST", url: "index/scrollnewrelease", data: "page="+page, success: function(msg) { /*alert(msg);*/ if(msg!=0) { /*alert(msg);*/ $("#ajax_container").html(msg).fadeIn('slow'); $("#previous").css("display", "block"); }else $(next).css("display", "none"); } }); } </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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