Databases
StackOverflow2013
Postsdbo
POHow to stop if-else statement loop in JavaScript
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to stop if-else statement loop in JavaScript
    primarykey
    data
    text
    <p>I have this code</p> <pre><code>// If there is no data returned, there are no more posts to be shown. Show error if(data == "") { $this.find('.loading-bar').html($settings.error); } else { // Offset increases offset = offset+$settings.nop; // Append the data to the content div $this.find('#content_ins_con_all_posts').append(data); // No longer busy! busy = false; } </code></pre> <p>This code displays me a message when hit the bottom and there is no other posts to show. My problem is that when I continue scrolling, the message continue showing again and again multiple times... I just want to show me the message only one time when the posts ends. If there is a way in how I can do that is most welcome.</p> <pre><code>(function($) { $.fn.scrollPagination = function(options) { var settings = { nop : 3, // The number of posts per scroll to be loaded offset : 0, // Initial offset, begins at 0 in this case error : 'No More Posts!', // When the user reaches the end this is the message that is // displayed. You can change this if you want. delay : 2000, // When you scroll down the posts will load after a delayed amount of time. // This is mainly for usability concerns. You can alter this as you see fit scroll : true // The main bit, if set to false posts will not load as the user scrolls. // but will still load if the user clicks. } // Extend the options so they work with the plugin if(options) { $.extend(settings, options); } // For each so that we keep chainability. return this.each(function() { // Some variables $this = $(this); $settings = settings; var offset = $settings.offset; var busy = false; // Checks if the scroll action is happening // so we don't run it multiple times // Custom messages based on settings if($settings.scroll == true) $initmessage = 'Scroll for more or click here'; else $initmessage = 'Click for more'; // Append custom messages and extra UI $this.append('&lt;div id="content_ins_con_all_posts"&gt;&lt;/div&gt;&lt;div class="loading-bar"&gt;'+$initmessage+'&lt;/div&gt;'); function getData() { // Post data to ajax.php $.post('functions_index_result_all_img.php', { action : 'scrollpagination', number : $settings.nop, offset : offset, }, function(data) { // Change loading bar content (it may have been altered) $this.find('.loading-bar').html($initmessage); // If there is no data returned, there are no more posts to be shown. Show error if(data == "") { $this.find('.loading-bar').html($settings.error); } else { // Offset increases offset = offset+$settings.nop; // Append the data to the content div $this.find('#content_ins_con_all_posts').append(data); // No longer busy! busy = false; } }); } getData(); // Run function initially // If scrolling is enabled if($settings.scroll == true) { // .. and the user is scrolling $(window).scroll(function() { // Check the user is at the bottom of the element if($(window).scrollTop() + $(window).height() &gt; $this.height() &amp;&amp; !busy) { // Now we are working, so busy is true busy = true; // Tell the user we're loading posts $this.find('.loading-bar').html('Loading Posts'); // Run the function to fetch the data inside a delay // This is useful if you have content in a footer you // want the user to see. setTimeout(function() { getData(); }, $settings.delay); } }); } // Also content can be loaded by clicking the loading bar/ $this.find('.loading-bar').click(function() { if(busy == false) { busy = true; getData(); } }); }); } })(jQuery); </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USVaios P.
    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. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow to stop if-else statement loop in JavaScript
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    2. VO
      singulars
      1. POHow to stop if-else statement loop in JavaScript
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThat code shouldn't loop, it must be something else in your code calling it repeatedly.
      singulars
      1. POHow to stop if-else statement loop in JavaScript
      1. USPaddyd
    2. COSet global variable where you store value if the bottom has been hit. Every time you load new data you set that variable to false. In if statement you compare to that variable, and if it's false, you execute the code, if it's true you don't.
      singulars
      1. POHow to stop if-else statement loop in JavaScript
      1. USIlu
    3. COthis code is not enough!
      singulars
      1. POHow to stop if-else statement loop in JavaScript
      1. USSanjeev Rai
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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