Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Your HTML is not good for jScrollPane.</p> <p>You have two .jspContainer and .jspPane in #chat.</p> <p>Just remove the classes jspContainer and jspPane for the elements in the first div.jspPane</p> <p>And you have to use the callback function for load, to tell the jScrollPane the content changed. your js should be something like :</p> <pre><code> //caching element var messages = $('.messages'), chat = $('#chat'); messages.fadeIn("slow"); var loadChatContent = function() { messages.load('shoutbox/load.shouts.php', chat.jScrollPane); } loadChatContent(); setInterval(loadChatContent, 2000); </code></pre> <p>--- update</p> <p>I's a JS replacement for the one you show us :</p> <pre><code>$(document).ready(function() { //caching element var messages = $('.messages'), chat = $('#chat'); messages.fadeIn("slow"); var loadChatContent = function() { messages.load('shoutbox/load.shouts.php', chat.jScrollPane); } loadChatContent(); setInterval(loadChatContent, 2000); }); </code></pre> <p>In your website ( not the code you shown ) your html contains two div.jspContainer and two div.jspPane, it will not work if you don't remove class from the elements in you first div.jspPane Your code :</p> <pre><code>&lt;div style="width: 640px; height: 327px;" class="jspContainer"&gt; &lt;div style="padding: 5px 10px; width: 600px; top: 0px;" class="jspPane"&gt; &lt;div class="jspContainer" style="width: 620px; height: 327px;"&gt; &lt;div class="jspPane" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 600px; top: 0px; "&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="jspVerticalBar"&gt; &lt;div class="jspCap jspCapTop"&gt;&lt;/div&gt; &lt;div style="height: 327px;" class="jspTrack"&gt; &lt;div style="height: 318px;" class="jspDrag"&gt; &lt;div class="jspDragTop"&gt;&lt;/div&gt; &lt;div class="jspDragBottom"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="jspCap jspCapBottom"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>jScrollPane will accord the scroll with the height of the content of the first div.jspPane, but in your div.jspPane, you have a second div.jspContainer which have 327px for height. So jScrollPane consider that there is no more content to show. Just remove classes jspContainer and jspPane on line corresponding to my lines 3 and 4, and modify your js, i think it can work like that.</p>
    singulars
    1. This table or related slice is empty.
    1. POjScrollpane with dynamically loaded content, not scrolling
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USdievardump
    1. USdievardump
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POjScrollpane with dynamically loaded content, not scrolling
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COI'm really sorry but I have no idea what to do, I know I shouldn't ask for to much but if you have the patience to help me with this I would gladly appreciate it. Firstly, if I don't have jspContainer and jScrollpane the scrollbars doesn't appear at all :/ And is that JS code a replacement for the one that I have or do I just add it in somewhere else?
      singulars
      1. PO
      1. USEcaz
    2. COi updated my answer to be more precise
      singulars
      1. PO
      1. USdievardump
    3. COAlright so I removed it but then the scrollbars didn't load at all so I added $('#chat').jScrollPane(); after the messages.load in the loadChatContent function and it's working now but I don't know if it's the correct way of doing it. Too bad it doesn't actually fade-in but I can live with that.
      singulars
      1. PO
      1. USEcaz
 

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