StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
569836
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2009-02-20T14:57:36.217
FavoriteCount
0
LastActivityDate
2009-02-20T14:57:36.217
LastEditDate
LastEditorUserId
0
OwnerUserId
41984
ParentId
569595
PostTypeId
2
Score
9
ViewCount
0
LastEditorDisplayName
text
Body
<p>First use thickbox's iframe feature to load the form in the thickbox. Make sure you have jquery and thickbox loaded by putting this in the HTML head of your document:</p> <pre><code><script type="text/javascript" src="/javascripts/jquery.js"></script> <script type="text/javascript" src="/javascripts/thickbox.js"></script> <link href="/stylesheets/thickbox.css" rel="stylesheet" type="text/css" /> </code></pre> <p>Then put a link on the page the loads the contact us form in the iframe:</p> <pre><code><a href="/contact_us_form.php?KeepThis=true&TB_iframe=true&height=400&width=600&modal=true" class="thickbox" title="Contact Us">Contact Us</a> </code></pre> <p>Your form should have markup that has this basic structure:</p> <pre><code><div id="content"> <form id="contact_us" action="/contact_us.php" method="POST"> ... </form> </div> </code></pre> <p>Now use jQuery to your form via AJAX. Put this in the head of the HTML document:</p> <pre><code><script type="text/javascript"> jQuery(function($){ $('#contact_us').submit(function(){ $.post($(this).attr('action'), function(html) { $('#content').html(html) }) return false }) }) </script> </code></pre> <p>What this does is:</p> <ol> <li><p>Adds a function to the form to be called when the form is submitted. It returns false to prevent the default behavior of a form submitting from happen.</p></li> <li><p>This submit function will do an AJAX post, using the action of the form, which you set to <code>contact_us.php</code>.</p></li> <li><p>Finally, this will take whatever content <code>contact_us.php</code> returns and replace the content of the div with the id content with that.</p></li> </ol> <p>So make your <code>contact_us.php</code> script actually send the email or create a database record, whatever it does, and then have it return this HTML:</p> <pre><code><p>Thank you for your submission!</p> <p><a href="#" onclick="window.parent.tb_remove(); return false">Continue</a> </code></pre> <p>Obviously this can be anything you want, whatever message you want the end user to see. The link shows you how to make the thickbox window go away.</p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POform submission within thickbox
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USpjb3
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. POform submission within thickbox
  singulars
  PostTypePostTypeId
  PTQuestion
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTAcceptedByOriginator
2. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
3. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. COThanks a lot pjb3, its working infact you sent me the complete solution. i got the above line of js function but what is the purpose of below lines function(html) { $('#content').html(html) })
  singulars
  PostPostId
  PO
  UserUserId
  USYasir
2. COIt takes the body of the response of content_us.php, which is a snippet of HTML, and replaces the contents of the div in the thickbox window with that
  singulars
  PostPostId
  PO
  UserUserId
  USpjb3

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.