StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POjScrollpane with dynamically loaded content, not scrolling
primarykey
Id
9045462
data
AcceptedAnswerId
9045586
AnswerCount
2
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2012-01-28T13:08:29.173
FavoriteCount
0
LastActivityDate
2012-01-28T13:55:15.187
LastEditDate
LastEditorUserId
0
OwnerUserId
1175186
ParentId
0
PostTypeId
1
Score
2
ViewCount
8354
LastEditorDisplayName
text
Body
<p>Alright, so I'm working on a website and currently I have a "shoutbox" at the index page however I'm loading the shouts from another .php file the problem is that the scrollbars shows up but I can't actually scroll, at the moment there are 6 shouts in the DB that are being loaded but I can only see 4 and I can't scroll down any more.</p> <p>If you want to check out the problem for yourself here is the link to the site (work in progress) <a href="http://ecazs.net/beerandguns/index.php" rel="nofollow">http://ecazs.net/beerandguns/index.php</a></p> <p>You are only able to see 4 but I can assure you there are 6!</p> <p>This is the code I use to load shouts.</p> <pre><code>$(document).ready(function(){ $('.messages').fadeIn("slow").load('shoutbox/load.shouts.php'); setInterval(function() { $(".messages").load("shoutbox/load.shouts.php"); }, 2000); }); </code></pre> <p>And this is the "main" HTML of the shoutbox</p> <pre><code><div id="chat" class="jspScrollable"> <div class="jspContainer" style="width: 620px; height: 327px;"> <div class="jspPane" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 600px; top: 0px; "> <form action="" method="post" class="shout"> <p> <label for="message" class="msglabel">Message:</label> </p> <p> <textarea name="message" id="message" class="msgfield" rows="2" cols="95"></textarea> </p> <p> <input type="image" name="submit" src="ext/images/submit_btn.png" value="" class="submit" onmouseover="this.src = 'ext/images/submit_btn_hover.png';" onmouseout="this.src = 'ext/images/submit_btn.png';"/> </p> </form> <div class="messages"></div> </div> </code></pre> <p> I'm then using the jScrollpane function before body ENDS. So I'm first loading the content then the jScrollpane.</p> <pre><code>$(function(){ $('#chat').jScrollPane(); }); </code></pre> <p>I really need help with this, if you have any ideas on how to solve this or improve it then please, please let me know.</p>
Tags
<javascript><jquery><jscrollpane>
Title
jScrollpane with dynamically loaded content, not scrolling
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USEcaz
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POjScrollpane with dynamically loaded content, not scrolling
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. This table or related slice is empty.

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.